From: Alan Knowles <alan@roojs.com>
Date: Wed, 4 Aug 2021 05:00:51 +0000 (+0800)
Subject: Fix #6913 - add more documentation to code
X-Git-Url: http://git.roojs.org/?p=roojs1;a=commitdiff_plain;h=9c7a8ec74e80c6351625f2b02b15673ef54753ae

Fix #6913 - add more documentation to code
---

diff --git a/Roo/ComponentMgr.js b/Roo/ComponentMgr.js
index 44d0ea945e..36c1649d7c 100644
--- a/Roo/ComponentMgr.js
+++ b/Roo/ComponentMgr.js
@@ -13,7 +13,7 @@
 /**
  * @class Roo.ComponentMgr
  * Provides a common registry of all components on a page so that they can be easily accessed by component id (see {@link Roo.getCmp}).
- * @singleton
+ * @static
  */
 Roo.ComponentMgr = function(){
     var all = new Roo.util.MixedCollection();
diff --git a/Roo/DomHelper.js b/Roo/DomHelper.js
index 194a6c4913..f12b8885d3 100644
--- a/Roo/DomHelper.js
+++ b/Roo/DomHelper.js
@@ -29,7 +29,7 @@
  * @class Roo.DomHelper
  * Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.
  * For more information see <a href="http://web.archive.org/web/20071221063734/http://www.jackslocum.com/blog/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/">this blog post with examples</a>.
- * @singleton
+ * @static
  */
 Roo.DomHelper = function(){
     var tempTableEl = null;
diff --git a/Roo/DomQuery.js b/Roo/DomQuery.js
index 25137a05eb..f26e29e8b3 100644
--- a/Roo/DomQuery.js
+++ b/Roo/DomQuery.js
@@ -73,7 +73,7 @@ All selectors, attribute filters and pseudos below can be combined infinitely in
     <li> <b>E{display%=2}</b> css value "display" that is evenly divisible by 2</li>
     <li> <b>E{display!=none}</b> css value "display" that does not equal "none"</li>
 </ul>
- * @singleton
+ * @static
  */
 Roo.DomQuery = function(){
     var cache = {}, simpleCache = {}, valueCache = {};
diff --git a/Roo/EventManager.js b/Roo/EventManager.js
index d23defd6b4..a2322c885e 100644
--- a/Roo/EventManager.js
+++ b/Roo/EventManager.js
@@ -14,7 +14,7 @@
  * Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides 
  * several useful events directly.
  * See {@link Roo.EventObject} for more details on normalized event objects.
- * @singleton
+ * @static
  */
 Roo.EventManager = function(){
     var docReadyEvent, docReadyProcId, docReadyState = false;
@@ -576,7 +576,7 @@ Roo.onReady(function(){
  Roo.EventManager.on("myDiv", 'click', handleClick);
  Roo.EventManager.addListener("myDiv", 'click', handleClick);
  </code></pre>
- * @singleton
+ * @static
  */
 Roo.EventObject = function(){
     
diff --git a/Roo/MessageBox.js b/Roo/MessageBox.js
index 7562c5759d..a43dd34826 100644
--- a/Roo/MessageBox.js
+++ b/Roo/MessageBox.js
@@ -33,7 +33,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
diff --git a/Roo/QuickTips.js b/Roo/QuickTips.js
index 31d6515a43..c5a52ae31e 100644
--- a/Roo/QuickTips.js
+++ b/Roo/QuickTips.js
@@ -11,7 +11,7 @@
 /**
  * @class Roo.QuickTips
  * Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
  */
 Roo.QuickTips = function(){
     var el, tipBody, tipBodyText, tipTitle, tm, cfg, close, tagEls = {}, esc, removeCls = null, bdLeft, bdRight;
diff --git a/Roo/bootstrap/MessageBox.js b/Roo/bootstrap/MessageBox.js
index 76038e7b59..80a1ffdda9 100644
--- a/Roo/bootstrap/MessageBox.js
+++ b/Roo/bootstrap/MessageBox.js
@@ -28,7 +28,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.bootstrap.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
diff --git a/Roo/bootstrap/menu/Manager.js b/Roo/bootstrap/menu/Manager.js
index 4e1172fcec..423efd01a9 100644
--- a/Roo/bootstrap/menu/Manager.js
+++ b/Roo/bootstrap/menu/Manager.js
@@ -2,7 +2,7 @@
  * @class Roo.bootstrap.MenuMgr
  * @licence LGPL
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.bootstrap.menu.Manager = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
diff --git a/Roo/data/SortTypes.js b/Roo/data/SortTypes.js
index 473b2ce9c8..31c39f132b 100644
--- a/Roo/data/SortTypes.js
+++ b/Roo/data/SortTypes.js
@@ -12,7 +12,7 @@
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 Roo.data.SortTypes = {
diff --git a/Roo/dd/DragDropMgr.js b/Roo/dd/DragDropMgr.js
index 9befe30563..18fabfe87b 100644
--- a/Roo/dd/DragDropMgr.js
+++ b/Roo/dd/DragDropMgr.js
@@ -28,7 +28,7 @@ if (!Roo.dd.DragDropMgr) {
  * all DragDrop items in the window.  Generally, you will not call
  * this class directly, but it does have helper methods that could
  * be useful in your DragDrop implementations.
- * @singleton
+ * @static
  */
 Roo.dd.DragDropMgr = function() {
 
diff --git a/Roo/dd/Registry.js b/Roo/dd/Registry.js
index 6eee28f9ad..406776b1c6 100644
--- a/Roo/dd/Registry.js
+++ b/Roo/dd/Registry.js
@@ -14,7 +14,7 @@
  * @class Roo.dd.Registry
  * Provides easy access to all drag drop components that are registered on a page.  Items can be retrieved either
  * directly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.
- * @singleton
+ * @static
  */
 Roo.dd.Registry = function(){
     var elements = {}; 
diff --git a/Roo/dd/ScrollManager.js b/Roo/dd/ScrollManager.js
index 9aa4be0120..56abb72295 100644
--- a/Roo/dd/ScrollManager.js
+++ b/Roo/dd/ScrollManager.js
@@ -14,7 +14,7 @@
  * @class Roo.dd.ScrollManager
  * Provides automatic scrolling of overflow regions in the page during drag operations.<br><br>
  * <b>Note: This class uses "Point Mode" and is untested in "Intersect Mode".</b>
- * @singleton
+ * @static
  */
 Roo.dd.ScrollManager = function(){
     var ddm = Roo.dd.DragDropMgr;
diff --git a/Roo/form/VTypes.js b/Roo/form/VTypes.js
index e7140b3b10..78b338a7e4 100644
--- a/Roo/form/VTypes.js
+++ b/Roo/form/VTypes.js
@@ -11,7 +11,7 @@
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 Roo.form.VTypes = function(){
     // closure these in so they are only created once.
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 41b364acce..f819c797af 100644
--- a/Roo/lib/Color.js
+++ b/Roo/lib/Color.js
@@ -1,40 +1,51 @@
-/*
+ 
 
-Colour.js
-
-Functions for colour handling and processing.
-
-http://www.safalra.com/web-design/javascript/colour-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/
-
-*/
-
-
-/* An abstract Colour implementation. Concrete Colour implementations should use
+/**
+ * @class Roo.lib.Color
+ * @constructor
+ * An abstract Color implementation. Concrete Color implementations should use
  * an instance of this function as their prototype, and implement the getRGB and
  * getHSL functions. getRGB should return an object representing the RGB
- * components of this Colour, with the red, green, and blue components in the
+ * components of this Color, with the red, green, and blue components in the
  * range [0,255] and the alpha component in the range [0,100]. getHSL should
- * return an object representing the HSL components of this Colour, with the hue
+ * 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.Colour = function(){
+Roo.lib.Color = function() { }
+
 
-  /* Returns an object representing the RGBA components of this Colour. The red,
+Roo.apply(Roo.lib.Color.prototype, {
+  
+  rgb : null,
+  hsv : null,
+  hsl : null,
+  
+  /**
+   * 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].
    */
-  this.getIntegerRGB = function(){
+  getIntegerRGB : function(){
 
-    // get the RGB components of this colour
+    // get the RGB components of this Color
     var rgb = this.getRGB();
 
     // return the integer components
@@ -45,15 +56,17 @@ Roo.lib.Colour = function(){
       'a' : rgb.a
     };
 
-  };
+  },
 
-  /* Returns an object representing the RGBA components of this Colour. 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].
    */
-  this.getPercentageRGB = function(){
+  getPercentageRGB : function(){
 
-    // get the RGB components of this colour
+    // get the RGB components of this Color
     var rgb = this.getRGB();
 
     // return the percentage components
@@ -64,13 +77,16 @@ Roo.lib.Colour = function(){
       'a' : rgb.a
     };
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS hexadecimal RGB colour
+  /**
+   * 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.
    */
-  this.getCSSHexadecimalRGB = function(){
+  getCSSHexadecimalRGB : function()
+  {
 
     // get the integer RGB components
     var rgb = this.getIntegerRGB();
@@ -80,178 +96,258 @@ Roo.lib.Colour = function(){
     var g16 = rgb.g.toString(16);
     var b16 = rgb.b.toString(16);
 
-    // return the CSS RGB colour value
+    // return the CSS RGB Color value
     return '#'
         + (r16.length == 2 ? r16 : '0' + r16)
         + (g16.length == 2 ? g16 : '0' + g16)
         + (b16.length == 2 ? b16 : '0' + b16);
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS integer RGB colour
+  /**
+   * 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].
    */
-  this.getCSSIntegerRGB = function(){
+  getCSSIntegerRGB : function(){
 
     // get the integer RGB components
     var rgb = this.getIntegerRGB();
 
-    // return the CSS RGB colour value
+    // return the CSS RGB Color value
     return 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ')';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS integer RGBA colour
+  /**
+   * 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].
    */
-  this.getCSSIntegerRGBA = function(){
+  getCSSIntegerRGBA : function(){
 
     // get the integer RGB components
     var rgb = this.getIntegerRGB();
 
-    // return the CSS integer RGBA colour value
+    // return the CSS integer RGBA Color value
     return 'rgb(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',' + rgb.a + ')';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS percentage RGB colour
+  /**
+   * 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].
    */
-  this.getCSSPercentageRGB = function(){
+  getCSSPercentageRGB : function(){
 
     // get the percentage RGB components
     var rgb = this.getPercentageRGB();
 
-    // return the CSS RGB colour value
+    // return the CSS RGB Color value
     return 'rgb(' + rgb.r + '%,' + rgb.g + '%,' + rgb.b + '%)';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS percentage RGBA colour
+  /**
+   * 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].
    */
-  this.getCSSPercentageRGBA = function(){
+  getCSSPercentageRGBA : function(){
 
     // get the percentage RGB components
     var rgb = this.getPercentageRGB();
 
-    // return the CSS percentage RGBA colour value
+    // return the CSS percentage RGBA Color value
     return 'rgb(' + rgb.r + '%,' + rgb.g + '%,' + rgb.b + '%,' + rgb.a + ')';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS HSL colour 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].
    */
-  this.getCSSHSL = function(){
+  getCSSHSL : function(){
 
     // get the HSL components
     var hsl = this.getHSL();
 
-    // return the CSS HSL colour value
+    // return the CSS HSL Color value
     return 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%)';
 
-  };
+  },
 
-  /* Returns a string representing this Colour as a CSS HSLA colour 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].
    */
-  this.getCSSHSLA = function(){
+  getCSSHSLA : function(){
 
     // get the HSL components
     var hsl = this.getHSL();
 
-    // return the CSS HSL colour value
+    // return the CSS HSL Color value
     return 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%,' + hsl.a + ')';
 
-  };
+  },
 
-  /* Sets the colour of the specified node to this Colour. This functions sets
+  /**
+   * Sets the Color of the specified node to this Color. This functions sets
    * the CSS 'color' property for the node. The parameter is:
-   *
-   * node - the node whose colour should be set
+   * 
+   * @param {DomElement} node - the node whose Color should be set
    */
-  this.setNodeColour = function(node){
+  setNodeColor : function(node){
 
-    // set the colour of the node
+    // set the Color of the node
     node.style.color = this.getCSSHexadecimalRGB();
 
-  };
+  },
 
-  /* Sets the background colour of the specified node to this Colour. This
+  /**
+   * Sets the background Color of the specified node to this Color. This
    * functions sets the CSS 'background-color' property for the node. The
    * parameter is:
    *
-   * node - the node whose background colour should be set
+   * @param {DomElement} node - the node whose background Color should be set
    */
-  this.setNodeBackgroundColour = function(node){
+  setNodeBackgroundColor : function(node){
 
-    // set the background colour of the node
+    // set the background Color of the node
     node.style.backgroundColor = this.getCSSHexadecimalRGB();
 
-  };
+  },
   // convert between formats..
-  this.toRGB= function()
+  toRGB: function()
   {
     var r = this.getIntegerRGB();
-    return new Roo.lib.RGBColour(r.r,r.g,r.b,r.a);
+    return new Roo.lib.RGBColor(r.r,r.g,r.b,r.a);
     
-  }
-  this.toHSL = function()
+  },
+  toHSL : function()
   {
      var hsl = this.getHSL();
-  // return the CSS HSL colour value
-    return new Roo.lib.HSLColour(hsl.h,  hsl.s, hsl.l ,  hsl.a );
+  // return the CSS HSL Color value
+    return new Roo.lib.HSLColor(hsl.h,  hsl.s, hsl.l ,  hsl.a );
     
-  }
+  },
   
-  this.toHSV = function()
+  toHSV : function()
   {
     var rgb = this.toRGB();
     var hsv = rgb.getHSV();
-   // return the CSS HSL colour value
-    return new Roo.lib.HSVColour(hsv.h,  hsv.s, hsv.v ,  hsv.a );
+   // return the CSS HSL Color value
+    return new Roo.lib.HSVColor(hsv.h,  hsv.s, hsv.v ,  hsv.a );
     
-  }
+  },
   
   // modify  v = 0 ... 1 (eg. 0.5)
-    this.saturate = function(v)
-    {
-        var rgb = this.toRGB();
-        var hsv = rgb.getHSV();
-        return new Roo.lib.HSVColour(hsv.h,  hsv.s * v, hsv.v ,  hsv.a );
-        
-    
-    }
+  saturate : function(v)
+  {
+      var rgb = this.toRGB();
+      var hsv = rgb.getHSV();
+      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
+    };
+
+  }
   
 
-}
+});
 
 
-/* Creates a colour specified in the RGB colour space, with an optional 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.RGBColour = function (r, g, b, a){
+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
-  var rgb =
+  this.rgb =
       {
         'r' : Math.max(0, Math.min(255, r)),
         'g' : Math.max(0, Math.min(255, g)),
@@ -259,77 +355,86 @@ Roo.lib.RGBColour = function (r, g, b, a){
       };
 
   // initialise the HSV and HSL components to null
-  var hsv = null;
-  var hsl = null;
+  
 
-  /* Returns the HSV or HSL hue component of this RGBColour. The hue is in the
+  /* 
+   * //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
    */
-  function getHue(maximum, range){
-
-    // check whether the range is zero
-    if (range == 0){
-
-      // set the hue to zero (any hue is acceptable as the colour is grey)
-      var hue = 0;
-
-    }else{
-
-      // determine which of the components has the highest value and set the hue
-      switch (maximum){
-
-        // red has the highest value
-        case rgb.r:
-          var hue = (rgb.g - rgb.b) / range * 60;
-          if (hue < 0) hue += 360;
-          break;
-
-        // green has the highest value
-        case rgb.g:
-          var hue = (rgb.b - rgb.r) / range * 60 + 120;
-          break;
+   
 
-        // blue has the highest value
-        case rgb.b:
-          var hue = (rgb.r - rgb.g) / range * 60 + 240;
-          break;
+}
+// this does an 'exteds'
+Roo.extend(Roo.lib.RGBColor, Roo.lib.Color, {
 
+  
+    getHue  : function(maximum, range)
+    {
+      var rgb = this.rgb;
+       
+      // check whether the range is zero
+      if (range == 0){
+  
+        // set the hue to zero (any hue is acceptable as the Color is grey)
+        var hue = 0;
+  
+      }else{
+  
+        // determine which of the components has the highest value and set the hue
+        switch (maximum){
+  
+          // red has the highest value
+          case rgb.r:
+            var hue = (rgb.g - rgb.b) / range * 60;
+            if (hue < 0) hue += 360;
+            break;
+  
+          // green has the highest value
+          case rgb.g:
+            var hue = (rgb.b - rgb.r) / range * 60 + 120;
+            break;
+  
+          // blue has the highest value
+          case rgb.b:
+            var hue = (rgb.r - rgb.g) / range * 60 + 240;
+            break;
+  
+        }
+  
       }
+  
+      // return the hue
+      return hue;
+  
+    },
 
-    }
-
-    // return the hue
-    return hue;
-
-  }
-
-  /* Calculates and stores the HSV components of this RGBColour so that they can
+  /* //private Calculates and stores the HSV components of this RGBColor so that they can
    * be returned be the getHSV function.
    */
-  function calculateHSV(){
-
+   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' : getHue(maximum, range),
+          'h' : this.getHue(maximum, range),
           's' : (maximum == 0 ? 0 : 100 * range / maximum),
           'v' : maximum / 2.55
         };
 
-  }
+  },
 
-  /* Calculates and stores the HSL components of this RGBColour so that they can
+  /* //private Calculates and stores the HSL components of this RGBColor so that they can
    * be returned be the getHSL function.
    */
-  function calculateHSL(){
-
+   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);
@@ -338,89 +443,37 @@ Roo.lib.RGBColour = function (r, g, b, a){
     var l = maximum / 255 - range / 510;
 
     // store the HSL components
-    hsl =
+    this.hsl =
         {
-          'h' : getHue(maximum, range),
+          '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 RGBColour 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(){
-
-    // return the RGB components
-    return {
-      'r' : rgb.r,
-      'g' : rgb.g,
-      'b' : rgb.b,
-      'a' : alpha
-    };
+});
 
-  };
-
-  /* Returns the HSV and alpha components of this RGBColour 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) 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 RGBColour 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 HSV components if necessary
-    if (hsl == null) calculateHSL();
-
-    // return the HSL components
-    return {
-      'h' : hsl.h,
-      's' : hsl.s,
-      'l' : hsl.l,
-      'a' : alpha
-    };
-
-  };
-
-}
-Roo.lib.RGBColour.prototype = new Roo.lib.Colour();
-
-
-/* Creates a colour specified in the HSV colour space, with an optional 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.HSVColour = function (h, s, v, a){
+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)),
@@ -428,18 +481,21 @@ Roo.lib.HSVColour = 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;
+}
 
-  /* Calculates and stores the RGB components of this HSVColour so that they can
+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){
 
-      // set the colour to the appropriate shade of grey
+      // set the Color to the appropriate shade of grey
       var r = hsv.v;
       var g = hsv.v;
       var b = hsv.v;
@@ -452,7 +508,7 @@ Roo.lib.HSVColour = function (h, s, v, a){
       var q  = hsv.v * (1 - hsv.s / 100 * f);
       var t  = hsv.v * (1 - hsv.s / 100 * (1 - f));
 
-      // set the RGB colour components to their temporary values
+      // set the RGB Color components to their temporary values
       switch (Math.floor(hsv.h / 60)){
         case 0: var r = hsv.v; var g = t; var b = p; break;
         case 1: var r = q; var g = hsv.v; var b = p; break;
@@ -465,25 +521,26 @@ Roo.lib.HSVColour = 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 HSVColour so that they can
+  /* Calculates and stores the HSL components of this HSVColor so that they can
    * be returned be the getHSL function.
    */
-  function calculateHSL(){
+  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),
@@ -493,83 +550,34 @@ Roo.lib.HSVColour = 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 HSVColour 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 HSVColour 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 HSVColour 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) calculateHSL();
-
-    // return the HSL components
-    return {
-      'h' : hsl.h,
-      's' : hsl.s,
-      'l' : hsl.l,
-      'a' : alpha
-    };
-
-  };
-
-}
-Roo.lib.HSVColour.prototype = new Roo.lib.Colour();
-
-
-/* Creates a colour specified in the HSL colour space, with an optional alpha
+/**
+ * @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.HSLColour = function(h, s, l, a){
+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)),
@@ -577,35 +585,36 @@ Roo.lib.HSLColour = function(h, s, l, a){
       };
 
   // initialise the RGB and HSV components to null
-  var rgb = null;
-  var hsv = null;
+}
 
-  /* Calculates and stores the RGB components of this HSLColour so that they can
+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,
@@ -613,24 +622,24 @@ Roo.lib.HSLColour = 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;
 
         }
 
@@ -638,82 +647,28 @@ Roo.lib.HSLColour = function(h, s, l, a){
 
     }
 
-  }
+  },
 
-  /* Calculates and stores the HSV components of this HSLColour so that they can
+  /* Calculates and stores the HSV components of this HSLColor so that they can
    * be returned be the getHSL function.
    */
-  function calculateHSV(){
+   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 HSLColour 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 HSLColour 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) 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 HSLColour 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.HSLColour.prototype = new Roo.lib.Colour();
\ No newline at end of file
+});
diff --git a/Roo/lib/Dom.js b/Roo/lib/Dom.js
index 8a5465cb73..ca20f9ac9a 100644
--- a/Roo/lib/Dom.js
+++ b/Roo/lib/Dom.js
@@ -25,17 +25,26 @@ Roo.lib.Dom = {
     getViewHeight : function(full) {
         return full ? this.getDocumentHeight() : this.getViewportHeight();
     },
-
+    /**
+     * Get the Full Document height 
+     * @return {Number} The height
+     */
     getDocumentHeight: function() {
         var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
         return Math.max(scrollHeight, this.getViewportHeight());
     },
-
+    /**
+     * Get the Full Document width
+     * @return {Number} The width
+     */
     getDocumentWidth: function() {
         var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
         return Math.max(scrollWidth, this.getViewportWidth());
     },
-
+    /**
+     * Get the Window Viewport height
+     * @return {Number} The height
+     */
     getViewportHeight: function() {
         var height = self.innerHeight;
         var mode = document.compatMode;
@@ -48,7 +57,10 @@ Roo.lib.Dom = {
 
         return height;
     },
-
+    /**
+     * Get the Window Viewport width
+     * @return {Number} The width
+     */
     getViewportWidth: function() {
         var width = self.innerWidth;
         var mode = document.compatMode;
diff --git a/Roo/menu/MenuMgr.js b/Roo/menu/MenuMgr.js
index e182cc27b8..605be80759 100644
--- a/Roo/menu/MenuMgr.js
+++ b/Roo/menu/MenuMgr.js
@@ -12,7 +12,7 @@
 /**
  * @class Roo.menu.MenuMgr
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.menu.MenuMgr = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
diff --git a/Roo/state/Manager.js b/Roo/state/Manager.js
index 956a5cc568..4826cca823 100644
--- a/Roo/state/Manager.js
+++ b/Roo/state/Manager.js
@@ -25,7 +25,7 @@ init : function(){
    var dialog = new Roo.BasicDialog(...);
    dialog.restoreState();
  </code></pre>
- * @singleton
+ * @static
  */
 Roo.state.Manager = function(){
     var provider = new Roo.state.Provider();
diff --git a/Roo/util/CSS.js b/Roo/util/CSS.js
index 1102f8cd51..18e4fe58aa 100644
--- a/Roo/util/CSS.js
+++ b/Roo/util/CSS.js
@@ -13,7 +13,8 @@
 /**
  * @class Roo.util.CSS
  * Utility class for manipulating CSS rules
- * @singleton
+ * @static
+
  */
 Roo.util.CSS = function(){
 	var rules = null;
diff --git a/Roo/util/Format.js b/Roo/util/Format.js
index 6afc6ffdec..6c9b888a8e 100644
--- a/Roo/util/Format.js
+++ b/Roo/util/Format.js
@@ -12,7 +12,7 @@
 /**
  * @class Roo.util.Format
  * Reusable data formatting functions
- * @singleton
+ * @static
  */
 Roo.util.Format = function(){
     var trimRe = /^\s+|\s+$/g;
diff --git a/Roo/util/JSON.js b/Roo/util/JSON.js
index 5dc12aa293..4bcd6918a0 100644
--- a/Roo/util/JSON.js
+++ b/Roo/util/JSON.js
@@ -13,7 +13,7 @@
  * Modified version of Douglas Crockford"s json.js that doesn"t
  * mess with the Object prototype 
  * http://www.json.org/js.html
- * @singleton
+ * @static
  */
 Roo.util.JSON = new (function(){
     var useHasOwn = {}.hasOwnProperty ? true : false;
diff --git a/Roo/util/TaskRunner.js b/Roo/util/TaskRunner.js
index bc8ece8997..a95218d527 100644
--- a/Roo/util/TaskRunner.js
+++ b/Roo/util/TaskRunner.js
@@ -8,7 +8,12 @@
  * Fork - LGPL
  * <script type="text/javascript">
  */
- 
+/**
+ * @class Roo.util.TaskRunner
+ * Manage background tasks - not sure why this is better that setInterval?
+ * @static
+ *
+ */
  
 Roo.util.TaskRunner = function(interval){
     interval = interval || 10;
@@ -68,6 +73,12 @@ Roo.util.TaskRunner = function(interval){
     /**
      * Queues a new task.
      * @param {Object} task
+     *
+     * Task property : interval = how frequent to run.
+     * Task object should implement
+     * function run()
+     * Task object may implement
+     * function onStop()
      */
     this.start = function(task){
         tasks.push(task);
@@ -77,12 +88,17 @@ Roo.util.TaskRunner = function(interval){
         startThread();
         return task;
     };
-
+    /**
+     * Stop  new task.
+     * @param {Object} task
+     */
     this.stop = function(task){
         removeTask(task);
         return task;
     };
-
+    /**
+     * Stop all Tasks
+     */
     this.stopAll = function(){
         stopThread();
         for(var i = 0, len = tasks.length; i < len; i++){
diff --git a/Roo/util/TextMetrics.js b/Roo/util/TextMetrics.js
index fa4262b585..076d5e350a 100644
--- a/Roo/util/TextMetrics.js
+++ b/Roo/util/TextMetrics.js
@@ -14,7 +14,7 @@
  * @class Roo.util.TextMetrics
  * Provides precise pixel measurements for blocks of text so that you can determine exactly how high and
  * wide, in pixels, a given block of text will be.
- * @singleton
+ * @static
  */
 Roo.util.TextMetrics = function(){
     var shared;
@@ -51,9 +51,17 @@ Roo.util.TextMetrics = function(){
     };
 }();
 
- 
+/**
+ * @class Roo.util.TextMetrics.Instance
+ * Instance of  TextMetrics Calcuation
+ * @constructor
+ * Create a new TextMetrics Instance
+ * @param {Object} bindto
+ * @param {Boolean} fixedWidth
+ */
 
-Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
+Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth)
+{
     var ml = new Roo.Element(document.createElement('div'));
     document.body.appendChild(ml.dom);
     ml.position('absolute');
@@ -67,7 +75,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
     var instance = {
         /**
          * Returns the size of the specified text based on the internal element's style and width properties
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Object} An object containing the text's size {width: (width), height: (height)}
          */
@@ -81,7 +88,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
         /**
          * Binds this TextMetrics instance to an element from which to copy existing CSS styles
          * that can affect the size of the rendered text
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String/HTMLElement} el The element, dom node or id
          */
         bind : function(el){
@@ -93,7 +99,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
         /**
          * Sets a fixed width on the internal measurement element.  If the text will be multiline, you have
          * to set a fixed width in order to accurately measure the text height.
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {Number} width The width to set on the element
          */
         setFixedWidth : function(width){
@@ -102,7 +107,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
 
         /**
          * Returns the measured width of the specified text
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Number} width The width in pixels
          */
@@ -114,7 +118,6 @@ Roo.util.TextMetrics.Instance = function(bindTo, fixedWidth){
         /**
          * Returns the measured height of the specified text.  For multiline text, be sure to call
          * {@link #setFixedWidth} if necessary.
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Number} height The height in pixels
          */
diff --git a/buildSDK/dependancy_core.txt b/buildSDK/dependancy_core.txt
index e3e91fa17b..3ec724a2aa 100644
--- a/buildSDK/dependancy_core.txt
+++ b/buildSDK/dependancy_core.txt
@@ -23,6 +23,7 @@ Roo.lib.Anim
 Roo.lib.AnimBase
 Roo.lib.AnimMgr
 Roo.lib.Beizer
+Roo.lib.Color
 Roo.lib.ColorAnim
 Roo.lib.Easing
 Roo.lib.Motion
diff --git a/docs/json/roodata.json b/docs/json/roodata.json
index db01ff8793..86bbb3691c 100644
--- a/docs/json/roodata.json
+++ b/docs/json/roodata.json
@@ -37753,7 +37753,98 @@
     "tree_parent" : []
   },
   "Roo.QuickTips" : {
-    "props" : [],
+    "props" : [
+      {
+        "name" : "Delay",
+        "type" : "Number",
+        "desc" : "in milliseconds before the quick tip hides when autoDismiss = true (defaults to 5000)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "True",
+        "type" : "Boolean",
+        "desc" : "to automatically hide the quick tip after a set period of time, regardless of the user's actions\n(defaults to true).  Used in conjunction with autoDismissDelay.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "True to turn on fade animation. Defaults to false (ClearType/scrollbar flicker issues in IE7).",
+        "memberOf" : ""
+      },
+      {
+        "name" : "autoHide",
+        "type" : "Boolean",
+        "desc" : "True to automatically hide the quick tip after the mouse exits the target element (defaults to true).\nUsed in conjunction with hideDelay.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the base quick tip element (defaults to '').",
+        "memberOf" : ""
+      },
+      {
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Delay in milliseconds before the quick tip hides when autoHide = true (defaults to 200)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "hideOnClick",
+        "type" : "Boolean",
+        "desc" : "True to hide the quick tip if the user clicks anywhere in the document (defaults to true)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "interceptTitles",
+        "type" : "Boolean",
+        "desc" : "True to automatically use the element's DOM title value if available (defaults to false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "maxWidth",
+        "type" : "Number",
+        "desc" : "The maximum width of the quick tip (defaults to 300)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the quick tip (defaults to 40)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "showDelay",
+        "type" : "Number",
+        "desc" : "Delay in milliseconds before the quick tip displays after the mouse enters the target element (defaults to 500)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "text",
+        "type" : "String",
+        "desc" : "Body text to display (defaults to '').  This can be any valid HTML markup.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "Title text to display (defaults to '').  This can be any valid HTML markup.",
+        "memberOf" : ""
+      },
+      {
+        "name" : "trackMouse",
+        "type" : "Boolean",
+        "desc" : "True to have the quick tip follow the mouse as it moves over the target element (defaults to false)",
+        "memberOf" : ""
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "Width in pixels of the quick tip (defaults to auto).  Width will be ignored if it exceeds the bounds of\nminWidth or maxWidth.",
+        "memberOf" : ""
+      }
+    ],
     "events" : [],
     "methods" : [
       {
@@ -194569,6 +194660,853 @@
     "tree_children" : [],
     "tree_parent" : []
   },
+  "Roo.dd.DragDropMgr" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getBestMatch",
+        "type" : "function",
+        "desc" : "Helper function for getting the best match from the list of drag\nand drop objects returned by the drag and drop events when we are\nin INTERSECT mode.  It returns either the first object that the\ncursor is over, or the object that has the greatest overlap with\nthe dragged element.",
+        "sig" : "(dds)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "dds",
+            "type" : "DragDrop[]",
+            "desc" : "The array of drag and drop objects\ntargeted",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "DragDrop",
+            "desc" : "The best single match"
+          }
+        ]
+      },
+      {
+        "name" : "getCss",
+        "type" : "function",
+        "desc" : "Returns the style property for the DOM element (i.e.,\ndocument.getElById(id).style)",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.getDom instead",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the id of the elment to get",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The style property of the element"
+          }
+        ]
+      },
+      {
+        "name" : "getDDById",
+        "type" : "function",
+        "desc" : "Returns the DragDrop instance for a given id",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the id of the DragDrop object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "DragDrop",
+            "desc" : "the drag drop object, null if it is not found"
+          }
+        ]
+      },
+      {
+        "name" : "getElement",
+        "type" : "function",
+        "desc" : "Returns the actual DOM element",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.getDom instead",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the id of the elment to get",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getLocation",
+        "type" : "function",
+        "desc" : "Returns a Region object containing the drag and drop element's position\nand size, including the padding configured for it",
+        "sig" : "(oDD)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "oDD",
+            "type" : "DragDrop",
+            "desc" : "the drag and drop object to get the\n                      location for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.lib.Region",
+            "desc" : "a Region object representing the total area\n                            the element occupies, including any padding\n                            the instance is configured for."
+          }
+        ]
+      },
+      {
+        "name" : "getPosX",
+        "type" : "function",
+        "desc" : "Returns the X position of an html element",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.lib.Dom.getX instead",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "",
+            "desc" : "the element for which to get the position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "int",
+            "desc" : "the X coordinate"
+          }
+        ]
+      },
+      {
+        "name" : "getPosY",
+        "type" : "function",
+        "desc" : "Returns the Y position of an html element",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.lib.Dom.getY instead",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "",
+            "desc" : "the element for which to get the position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "int",
+            "desc" : "the Y coordinate"
+          }
+        ]
+      },
+      {
+        "name" : "getRelated",
+        "type" : "function",
+        "desc" : "Returns the drag and drop instances that are in all groups the\npassed in instance belongs to.",
+        "sig" : "(p_oDD, bTargetsOnly)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "p_oDD",
+            "type" : "DragDrop",
+            "desc" : "the obj to get related data for",
+            "isOptional" : false
+          },
+          {
+            "name" : "bTargetsOnly",
+            "type" : "boolean",
+            "desc" : "if true, only return targetable objs",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "DragDrop[]",
+            "desc" : "the related instances"
+          }
+        ]
+      },
+      {
+        "name" : "getScrollLeft",
+        "type" : "function",
+        "desc" : "Gets the scrollLeft",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "int",
+            "desc" : "the document's scrollTop"
+          }
+        ]
+      },
+      {
+        "name" : "getScrollTop",
+        "type" : "function",
+        "desc" : "Gets the scrollTop",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "int",
+            "desc" : "the document's scrollTop"
+          }
+        ]
+      },
+      {
+        "name" : "getStyle",
+        "type" : "function",
+        "desc" : "Returns the specified element style property",
+        "sig" : "(el, styleProp)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "This has been deprecated: use Roo.lib.Dom.getStyle",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "HTMLElement",
+            "desc" : "the element",
+            "isOptional" : false
+          },
+          {
+            "name" : "styleProp",
+            "type" : "string",
+            "desc" : "the style property",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "string",
+            "desc" : "The value of the style property"
+          }
+        ]
+      },
+      {
+        "name" : "handleWasClicked",
+        "type" : "function",
+        "desc" : "Recursively searches the immediate parent and all child nodes for\nthe handle element in order to determine wheter or not it was\nclicked.",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "",
+            "desc" : "the html element to inspect",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "isDragDrop",
+        "type" : "function",
+        "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop item.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the element id to check",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this element is a DragDrop item,\nfalse otherwise"
+          }
+        ]
+      },
+      {
+        "name" : "isHandle",
+        "type" : "function",
+        "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop handle for the given Drag Drop object.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "the element id to check",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this element is a DragDrop handle, false\notherwise"
+          }
+        ]
+      },
+      {
+        "name" : "isLegalTarget",
+        "type" : "function",
+        "desc" : "Returns true if the specified dd target is a legal target for\nthe specifice drag obj",
+        "sig" : "(the, the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "DragDrop",
+            "desc" : "drag obj",
+            "isOptional" : false
+          },
+          {
+            "name" : "the",
+            "type" : "DragDrop",
+            "desc" : "target",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if the target is a legal target for the\ndd obj"
+          }
+        ]
+      },
+      {
+        "name" : "isLocked",
+        "type" : "function",
+        "desc" : "Is drag and drop locked?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "True if drag and drop is locked, false otherwise."
+          }
+        ]
+      },
+      {
+        "name" : "isTypeOfDD",
+        "type" : "function",
+        "desc" : "My goal is to be able to transparently determine if an object is\ntypeof DragDrop, and the exact subclass of DragDrop.  typeof\nreturns \"object\", oDD.constructor.toString() always returns\n\"DragDrop\" and not the name of the subclass.  So for now it just\nevaluates a well-known variable in DragDrop.",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "Object",
+            "desc" : "object to evaluate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if typeof oDD = DragDrop"
+          }
+        ]
+      },
+      {
+        "name" : "lock",
+        "type" : "function",
+        "desc" : "Lock all drag and drop functionality",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "moveToEl",
+        "type" : "function",
+        "desc" : "Sets the x/y position of an element to the location of the\ntarget element.",
+        "sig" : "(moveEl, targetEl)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "moveEl",
+            "type" : "HTMLElement",
+            "desc" : "The element to move",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetEl",
+            "type" : "HTMLElement",
+            "desc" : "The position reference element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "numericSort",
+        "type" : "function",
+        "desc" : "Numeric array sort function",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "refreshCache",
+        "type" : "function",
+        "desc" : "Refreshes the cache of the top-left and bottom-right points of the\ndrag and drop objects in the specified group(s).  This is in the\nformat that is stored in the drag and drop instance, so typical\nusage is:\n<code>\nRoo.dd.DragDropMgr.refreshCache(ddinstance.groups);\n</code>\nAlternatively:\n<code>\nRoo.dd.DragDropMgr.refreshCache({group1:true, group2:true});\n</code>",
+        "sig" : "(groups)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "groups",
+            "type" : "Object",
+            "desc" : "an associative array of groups to refresh",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "regDragDrop",
+        "type" : "function",
+        "desc" : "Each DragDrop instance must be registered with the DragDropMgr.\nThis is executed in DragDrop.init()",
+        "sig" : "(oDD, sGroup)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "oDD",
+            "type" : "DragDrop",
+            "desc" : "the DragDrop object to register",
+            "isOptional" : false
+          },
+          {
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the name of the group this element belongs to",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "regHandle",
+        "type" : "function",
+        "desc" : "Each DragDrop handle element must be registered.  This is done\nautomatically when executing DragDrop.setHandleElId()",
+        "sig" : "(sDDId, sHandleId)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "sDDId",
+            "type" : "String",
+            "desc" : "the DragDrop id this element is a handle for",
+            "isOptional" : false
+          },
+          {
+            "name" : "sHandleId",
+            "type" : "String",
+            "desc" : "the id of the element that is the drag\nhandle",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "startDrag",
+        "type" : "function",
+        "desc" : "Fired when either the drag pixel threshol or the mousedown hold\ntime threshold has been met.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "",
+            "desc" : "{int} the X position of the original mousedown",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "",
+            "desc" : "{int} the Y position of the original mousedown",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "stopEvent",
+        "type" : "function",
+        "desc" : "Utility to stop event propagation and event default, if these\nfeatures are turned on.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the event as returned by this.getEvent()",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "swapNode",
+        "type" : "function",
+        "desc" : "Swap two nodes.  In IE, we use the native method, for others we\nemulate the IE behavior",
+        "sig" : "(n1, n2)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "n1",
+            "type" : "",
+            "desc" : "the first node to swap",
+            "isOptional" : false
+          },
+          {
+            "name" : "n2",
+            "type" : "",
+            "desc" : "the other node to swap",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "unlock",
+        "type" : "function",
+        "desc" : "Unlock all drag and drop functionality",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "verifyEl",
+        "type" : "function",
+        "desc" : "This checks to make sure an element exists and is in the DOM.  The\nmain purpose is to handle cases where innerHTML is used to remove\ndrag and drop objects from the DOM.  IE provides an 'unspecified\nerror' when trying to access the offsetParent of such an element",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "HTMLElement",
+            "desc" : "the element to check",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if the element looks usable"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
   "Roo.dd.DragSource" : {
     "props" : [
       {
@@ -194766,6 +195704,228 @@
         ],
         "returns" : []
       },
+      {
+        "name" : "afterDragDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterDragEnter",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterDragOut",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterDragOver",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterInvalidDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterValidDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Object",
+            "desc" : "The target DD",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "alignElWithMouse",
         "type" : "function",
@@ -196852,31 +198012,12 @@
         "returns" : []
       },
       {
-        "name" : "afterRepair",
-        "type" : "function",
-        "desc" : "Called after a repair of an invalid drop. By default, highlights this.dragData.ddel",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "alignElWithMouse",
+        "name" : "afterDragDrop",
         "type" : "function",
-        "desc" : "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is.",
-        "sig" : "(el, iPageX, iPageY)",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+        "sig" : "(target, e, id)",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.dd.DragSource",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
@@ -196888,52 +198029,33 @@
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "HTMLElement",
-            "desc" : "the element to move",
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
             "isOptional" : false
           },
           {
-            "name" : "iPageX",
-            "type" : "int",
-            "desc" : "the X coordinate of the mousedown or drag event",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           },
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the mousedown or drag event",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyConfig",
+        "name" : "afterDragEnter",
         "type" : "function",
-        "desc" : "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "autoOffset",
-        "type" : "function",
-        "desc" : "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked",
-        "sig" : "(iPageX, iPageY)",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+        "sig" : "(target, e, id)",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.dd.DragSource",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
@@ -196945,24 +198067,284 @@
         "requires" : "",
         "params" : [
           {
-            "name" : "iPageX",
-            "type" : "int",
-            "desc" : "the X coordinate of the click",
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
             "isOptional" : false
           },
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the click",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeDragDrop",
+        "name" : "afterDragOut",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop.",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterDragOver",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterInvalidDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterRepair",
+        "type" : "function",
+        "desc" : "Called after a repair of an invalid drop. By default, highlights this.dragData.ddel",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "afterValidDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+        "sig" : "(target, e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "Object",
+            "desc" : "The target DD",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "alignElWithMouse",
+        "type" : "function",
+        "desc" : "Sets the element to the location of the mousedown or click event,\nmaintaining the cursor location relative to the location on the element\nthat was clicked.  Override this if you want to place the element in a\nlocation other than where the cursor is.",
+        "sig" : "(el, iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "HTMLElement",
+            "desc" : "the element to move",
+            "isOptional" : false
+          },
+          {
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the mousedown or drag event",
+            "isOptional" : false
+          },
+          {
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the mousedown or drag event",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "applyConfig",
+        "type" : "function",
+        "desc" : "Applies the configuration parameters that were passed into the constructor.\nThis is supposed to happen at each level through the inheritance chain.  So\na DDProxy implentation will execute apply config on DDProxy, DD, and\nDragDrop in order to get all of the parameters that are available in\neach object.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "autoOffset",
+        "type" : "function",
+        "desc" : "Sets the pointer offset to the distance between the linked element's top\nleft corner and the location the element was clicked",
+        "sig" : "(iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the click",
+            "isOptional" : false
+          },
+          {
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the click",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeDragDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dropped onto the target and optionally cancel the onDragDrop.",
         "sig" : "(target, e, id)",
         "static" : false,
         "memberOf" : "Roo.dd.DragSource",
@@ -274288,6 +275670,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,
@@ -274296,10 +275710,429 @@
     "tree_children" : [],
     "tree_parent" : []
   },
+  "Roo.lib.Color" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "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" : "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" : "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" : "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" : "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" : "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" : "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]."
+          }
+        ]
+      },
+      {
+        "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" : "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",
@@ -274363,6 +276196,1145 @@
             "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,
@@ -297914,7 +300886,71 @@
   "Roo.util.DelayedTask" : {
     "props" : [],
     "events" : [],
-    "methods" : [],
+    "methods" : [
+      {
+        "name" : "cancel",
+        "type" : "function",
+        "desc" : "Cancel the last queued timeout",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "delay",
+        "type" : "function",
+        "desc" : "Cancels any pending timeout and queues a new one",
+        "sig" : "(delay, newFn, newScope, newArgs)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "delay",
+            "type" : "Number",
+            "desc" : "The milliseconds to delay",
+            "isOptional" : false
+          },
+          {
+            "name" : "newFn",
+            "type" : "Function",
+            "desc" : "(optional) Overrides function passed to constructor",
+            "isOptional" : false
+          },
+          {
+            "name" : "newScope",
+            "type" : "Object",
+            "desc" : "(optional) Overrides scope passed to constructor",
+            "isOptional" : false
+          },
+          {
+            "name" : "newArgs",
+            "type" : "Array",
+            "desc" : "(optional) Overrides args passed to constructor",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "childClasses" : {    },
@@ -298495,7 +301531,72 @@
   "Roo.util.JSON" : {
     "props" : [],
     "events" : [],
-    "methods" : [],
+    "methods" : [
+      {
+        "name" : "decode",
+        "type" : "function",
+        "desc" : "Decodes (parses) a JSON string to an object. If the JSON is invalid, this function throws a SyntaxError.",
+        "sig" : "(json)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "json",
+            "type" : "String",
+            "desc" : "The JSON string",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The resulting object"
+          }
+        ]
+      },
+      {
+        "name" : "encode",
+        "type" : "function",
+        "desc" : "Encodes an Object, Array or other value",
+        "sig" : "(o)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Mixed",
+            "desc" : "The variable to encode",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "The JSON string"
+          }
+        ]
+      }
+    ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "childClasses" : {    },
@@ -300562,6 +303663,88 @@
     "tree_children" : [],
     "tree_parent" : []
   },
+  "Roo.util.TaskRunner" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "start",
+        "type" : "function",
+        "desc" : "Queues a new task.",
+        "sig" : "(task)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "task",
+            "type" : "Object",
+            "desc" : "Task property : interval = how frequent to run.\nTask object should implement\nfunction run()\nTask object may implement\nfunction onStop()",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "stop",
+        "type" : "function",
+        "desc" : "Stop  new task.",
+        "sig" : "(task)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "task",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "stopAll",
+        "type" : "function",
+        "desc" : "Stop all Tasks",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
   "Roo.util.TextMetrics" : {
     "props" : [],
     "events" : [],
@@ -300658,7 +303841,156 @@
   "Roo.util.TextMetrics.Instance" : {
     "props" : [],
     "events" : [],
-    "methods" : [],
+    "methods" : [
+      {
+        "name" : "bind",
+        "type" : "function",
+        "desc" : "Binds this TextMetrics instance to an element from which to copy existing CSS styles\nthat can affect the size of the rendered text",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement",
+            "desc" : "The element, dom node or id",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getHeight",
+        "type" : "function",
+        "desc" : "Returns the measured height of the specified text.  For multiline text, be sure to call\n{@link #setFixedWidth} if necessary.",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to measure",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "height The height in pixels"
+          }
+        ]
+      },
+      {
+        "name" : "getSize",
+        "type" : "function",
+        "desc" : "Returns the size of the specified text based on the internal element's style and width properties",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to measure",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the text's size {width: (width), height: (height)}"
+          }
+        ]
+      },
+      {
+        "name" : "getWidth",
+        "type" : "function",
+        "desc" : "Returns the measured width of the specified text",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to measure",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "width The width in pixels"
+          }
+        ]
+      },
+      {
+        "name" : "setFixedWidth",
+        "type" : "function",
+        "desc" : "Sets a fixed width on the internal measurement element.  If the text will be multiline, you have\nto set a fixed width in order to accurately measure the text height.",
+        "sig" : "(width)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The width to set on the element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "childClasses" : {    },
@@ -301021,15 +304353,5 @@
     "childClasses" : {    },
     "tree_children" : [],
     "tree_parent" : []
-  },
-  "this" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "childClasses" : {    },
-    "tree_children" : [],
-    "tree_parent" : []
   }
 }
\ No newline at end of file
diff --git a/docs/src/Roo_ComponentMgr.js.html b/docs/src/Roo_ComponentMgr.js.html
index 13cadad39b..f14e339444 100644
--- a/docs/src/Roo_ComponentMgr.js.html
+++ b/docs/src/Roo_ComponentMgr.js.html
@@ -13,7 +13,7 @@
 /**
  * @class Roo.ComponentMgr
  * Provides a common registry of all components on a page so that they can be easily accessed by component id (see {@link Roo.getCmp}).
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.ComponentMgr </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">all </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.util.MixedCollection</span><span class="jsdoc-syntax">();
diff --git a/docs/src/Roo_DomHelper.js.html b/docs/src/Roo_DomHelper.js.html
index b7847fd77c..69b7ea6eb1 100644
--- a/docs/src/Roo_DomHelper.js.html
+++ b/docs/src/Roo_DomHelper.js.html
@@ -29,7 +29,7 @@
  * @class Roo.DomHelper
  * Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.
  * For more information see &lt;a href=&quot;http://web.archive.org/web/20071221063734/http://www.jackslocum.com/blog/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/&quot;&gt;this blog post with examples&lt;/a&gt;.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.DomHelper </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">tempTableEl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
diff --git a/docs/src/Roo_DomQuery.js.html b/docs/src/Roo_DomQuery.js.html
index 254471df33..d5fd62f5c9 100644
--- a/docs/src/Roo_DomQuery.js.html
+++ b/docs/src/Roo_DomQuery.js.html
@@ -73,7 +73,7 @@ All selectors, attribute filters and pseudos below can be combined infinitely in
     &lt;li&gt; &lt;b&gt;E{display%=2}&lt;/b&gt; css value &quot;display&quot; that is evenly divisible by 2&lt;/li&gt;
     &lt;li&gt; &lt;b&gt;E{display!=none}&lt;/b&gt; css value &quot;display&quot; that does not equal &quot;none&quot;&lt;/li&gt;
 &lt;/ul&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.DomQuery </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">cache </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">simpleCache </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">valueCache </span><span class="jsdoc-syntax">= {};
diff --git a/docs/src/Roo_EventManager.js.html b/docs/src/Roo_EventManager.js.html
index 754e07a47a..694a271f2b 100644
--- a/docs/src/Roo_EventManager.js.html
+++ b/docs/src/Roo_EventManager.js.html
@@ -14,7 +14,7 @@
  * Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides 
  * several useful events directly.
  * See {@link Roo.EventObject} for more details on normalized event objects.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.EventManager </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">docReadyEvent</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">docReadyProcId</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">docReadyState </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
@@ -576,7 +576,7 @@ el.on({
  Roo.EventManager.on(&quot;myDiv&quot;, 'click', handleClick);
  Roo.EventManager.addListener(&quot;myDiv&quot;, 'click', handleClick);
  &lt;/code&gt;&lt;/pre&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.EventObject </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 
diff --git a/docs/src/Roo_MessageBox.js.html b/docs/src/Roo_MessageBox.js.html
index 9a815ac88d..96d5087650 100644
--- a/docs/src/Roo_MessageBox.js.html
+++ b/docs/src/Roo_MessageBox.js.html
@@ -33,7 +33,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 &lt;/code&gt;&lt;/pre&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.MessageBox </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">dlg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">opt</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mask</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">waitTimer</span><span class="jsdoc-syntax">;
diff --git a/docs/src/Roo_QuickTips.js.html b/docs/src/Roo_QuickTips.js.html
index bfbe5dd392..d6d13958de 100644
--- a/docs/src/Roo_QuickTips.js.html
+++ b/docs/src/Roo_QuickTips.js.html
@@ -11,7 +11,7 @@
 /**
  * @class Roo.QuickTips
  * Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.QuickTips </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">el</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipBody</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipBodyText</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tipTitle</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tm</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cfg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">close</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">tagEls </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">esc</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">removeCls </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bdLeft</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">bdRight</span><span class="jsdoc-syntax">;
diff --git a/docs/src/Roo_bootstrap_MessageBox.js.html b/docs/src/Roo_bootstrap_MessageBox.js.html
index 99599d52e5..35b8ed8fb4 100644
--- a/docs/src/Roo_bootstrap_MessageBox.js.html
+++ b/docs/src/Roo_bootstrap_MessageBox.js.html
@@ -28,7 +28,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 &lt;/code&gt;&lt;/pre&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.bootstrap.MessageBox </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">dlg</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">opt</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">mask</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">waitTimer</span><span class="jsdoc-syntax">;
diff --git a/docs/src/Roo_bootstrap_menu_Manager.js.html b/docs/src/Roo_bootstrap_menu_Manager.js.html
index b194799d9d..3a4d6894d7 100644
--- a/docs/src/Roo_bootstrap_menu_Manager.js.html
+++ b/docs/src/Roo_bootstrap_menu_Manager.js.html
@@ -2,7 +2,7 @@
  * @class Roo.bootstrap.MenuMgr
  * @licence LGPL
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.bootstrap.menu.Manager </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">menus</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">groups </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">attached </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">lastShow </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">();
diff --git a/docs/src/Roo_data_SortTypes.js.html b/docs/src/Roo_data_SortTypes.js.html
index db70b8b1a5..8d1bb7855e 100644
--- a/docs/src/Roo_data_SortTypes.js.html
+++ b/docs/src/Roo_data_SortTypes.js.html
@@ -12,7 +12,7 @@
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 </span><span class="jsdoc-var">Roo.data.SortTypes </span><span class="jsdoc-syntax">= {
diff --git a/docs/src/Roo_dd_DragDropMgr.js.html b/docs/src/Roo_dd_DragDropMgr.js.html
index 9c382fef3b..5e27c0d607 100644
--- a/docs/src/Roo_dd_DragDropMgr.js.html
+++ b/docs/src/Roo_dd_DragDropMgr.js.html
@@ -28,7 +28,7 @@
  * all DragDrop items in the window.  Generally, you will not call
  * this class directly, but it does have helper methods that could
  * be useful in your DragDrop implementations.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.dd.DragDropMgr </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
 
diff --git a/docs/src/Roo_dd_Registry.js.html b/docs/src/Roo_dd_Registry.js.html
index c44b32e3a0..f885eafea5 100644
--- a/docs/src/Roo_dd_Registry.js.html
+++ b/docs/src/Roo_dd_Registry.js.html
@@ -14,7 +14,7 @@
  * @class Roo.dd.Registry
  * Provides easy access to all drag drop components that are registered on a page.  Items can be retrieved either
  * directly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.dd.Registry </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">elements </span><span class="jsdoc-syntax">= {};
diff --git a/docs/src/Roo_dd_ScrollManager.js.html b/docs/src/Roo_dd_ScrollManager.js.html
index a52f460bca..833594212e 100644
--- a/docs/src/Roo_dd_ScrollManager.js.html
+++ b/docs/src/Roo_dd_ScrollManager.js.html
@@ -14,7 +14,7 @@
  * @class Roo.dd.ScrollManager
  * Provides automatic scrolling of overflow regions in the page during drag operations.&lt;br&gt;&lt;br&gt;
  * &lt;b&gt;Note: This class uses &quot;Point Mode&quot; and is untested in &quot;Intersect Mode&quot;.&lt;/b&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.dd.ScrollManager </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">ddm </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.dd.DragDropMgr</span><span class="jsdoc-syntax">;
diff --git a/docs/src/Roo_form_VTypes.js.html b/docs/src/Roo_form_VTypes.js.html
index 093c88d9d3..60cdc68c26 100644
--- a/docs/src/Roo_form_VTypes.js.html
+++ b/docs/src/Roo_form_VTypes.js.html
@@ -11,7 +11,7 @@
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.form.VTypes </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
     </span><span class="jsdoc-comment">// closure these in so they are only created once.
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
new file mode 100644
index 0000000000..3a987bc272
--- /dev/null
+++ b/docs/src/Roo_lib_Color.js.html
@@ -0,0 +1,675 @@
+<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">/**
+ * @class Roo.lib.Color
+ * @constructor
+ * An abstract Color implementation. Concrete Color implementations should use
+ * an instance of this function as their prototype, and implement the getRGB and
+ * getHSL functions. getRGB should return an object representing the RGB
+ * components of this Color, with the red, green, and blue components in the
+ * range [0,255] and the alpha component in the range [0,100]. getHSL should
+ * 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">/**
+   * 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].
+   */
+  </span><span class="jsdoc-var">getIntegerRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the RGB components of this Color
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the integer 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">Math.round</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">Math.round</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">Math.round</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">rgb.a
+    </span><span class="jsdoc-syntax">};
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * 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].
+   */
+  </span><span class="jsdoc-var">getPercentageRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the RGB components of this Color
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the percentage components
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+      </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">/ 255,
+      </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">/ 255,
+      </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">/ 255,
+      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.a
+    </span><span class="jsdoc-syntax">};
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * 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.
+   */
+  </span><span class="jsdoc-var">getCSSHexadecimalRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+  {
+
+    </span><span class="jsdoc-comment">// get the integer RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// determine the hexadecimal equivalents
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r16 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.r.toString</span><span class="jsdoc-syntax">(16);
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g16 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.g.toString</span><span class="jsdoc-syntax">(16);
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b16 </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">rgb.b.toString</span><span class="jsdoc-syntax">(16);
+
+    </span><span class="jsdoc-comment">// return the CSS RGB Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'#'
+        </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">r16.length </span><span class="jsdoc-syntax">== 2 ? </span><span class="jsdoc-var">r16 </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'0' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">r16</span><span class="jsdoc-syntax">)
+        + (</span><span class="jsdoc-var">g16.length </span><span class="jsdoc-syntax">== 2 ? </span><span class="jsdoc-var">g16 </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'0' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">g16</span><span class="jsdoc-syntax">)
+        + (</span><span class="jsdoc-var">b16.length </span><span class="jsdoc-syntax">== 2 ? </span><span class="jsdoc-var">b16 </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'0' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">b16</span><span class="jsdoc-syntax">);
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * 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].
+   */
+  </span><span class="jsdoc-var">getCSSIntegerRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the integer RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS RGB Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * 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].
+   */
+  </span><span class="jsdoc-var">getCSSIntegerRGBA </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the integer RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS integer RGBA Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.a </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * 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].
+   */
+  </span><span class="jsdoc-var">getCSSPercentageRGB </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the percentage RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getPercentageRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS RGB Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%)'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * 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].
+   */
+  </span><span class="jsdoc-var">getCSSPercentageRGBA </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the percentage RGB components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getPercentageRGB</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS percentage RGBA Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'rgb(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">rgb.a </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * 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].
+   */
+  </span><span class="jsdoc-var">getCSSHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the HSL components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getHSL</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS HSL Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'hsl(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.h </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%)'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * 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].
+   */
+  </span><span class="jsdoc-var">getCSSHSLA </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// get the HSL components
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getHSL</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the CSS HSL Color value
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-string">'hsl(' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.h </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">',' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">'%,' </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.a </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-string">')'</span><span class="jsdoc-syntax">;
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * Sets the Color of the specified node to this Color. This functions sets
+   * the CSS 'color' property for the node. The parameter is:
+   * 
+   * @param {DomElement} node - the node whose Color should be set
+   */
+  </span><span class="jsdoc-var">setNodeColor </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">){
+
+    </span><span class="jsdoc-comment">// set the Color of the node
+    </span><span class="jsdoc-var">node.style.color </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getCSSHexadecimalRGB</span><span class="jsdoc-syntax">();
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * Sets the background Color of the specified node to this Color. This
+   * functions sets the CSS 'background-color' property for the node. The
+   * parameter is:
+   *
+   * @param {DomElement} node - the node whose background Color should be set
+   */
+  </span><span class="jsdoc-var">setNodeBackgroundColor </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">node</span><span class="jsdoc-syntax">){
+
+    </span><span class="jsdoc-comment">// set the background Color of the node
+    </span><span class="jsdoc-var">node.style.backgroundColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getCSSHexadecimalRGB</span><span class="jsdoc-syntax">();
+
+  },
+  </span><span class="jsdoc-comment">// convert between formats..
+  </span><span class="jsdoc-var">toRGB</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">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getIntegerRGB</span><span class="jsdoc-syntax">();
+    </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.RGBColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">r.r</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">r.g</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">r.b</span><span class="jsdoc-syntax">,</span><span class="jsdoc-var">r.a</span><span class="jsdoc-syntax">);
+
+  },
+  </span><span class="jsdoc-var">toHSL </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">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.getHSL</span><span class="jsdoc-syntax">();
+  </span><span class="jsdoc-comment">// return the CSS HSL Color value
+    </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.HSLColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsl.h</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.a </span><span class="jsdoc-syntax">);
+
+  },
+
+  </span><span class="jsdoc-var">toHSV </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.toRGB</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">rgb.getHSV</span><span class="jsdoc-syntax">();
+   </span><span class="jsdoc-comment">// return the CSS HSL Color value
+    </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">hsv.v </span><span class="jsdoc-syntax">,  </span><span class="jsdoc-var">hsv.a </span><span class="jsdoc-syntax">);
+
+  },
+
+  </span><span class="jsdoc-comment">// modify  v = 0 ... 1 (eg. 0.5)
+  </span><span class="jsdoc-var">saturate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">v</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.toRGB</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">rgb.getHSV</span><span class="jsdoc-syntax">();
+      </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">/**
+ * @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:
+ * @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-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-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">)),
+        </span><span class="jsdoc-string">'b' </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">b</span><span class="jsdoc-syntax">))
+      };
+
+  </span><span class="jsdoc-comment">// initialise the HSV and HSL components to null
+
+
+  /* 
+   * //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-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-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">// 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-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">// 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-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">this.hsv </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-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">);
+
+    </span><span class="jsdoc-comment">// determine the lightness in the range [0,1]
+    </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">this.hsl </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">/**
+ * @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
+ *
+ * @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-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-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">)),
+        </span><span class="jsdoc-string">'v' </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">v</span><span class="jsdoc-syntax">))
+      };
+
+  </span><span class="jsdoc-comment">// initialise the RGB and HSL components to null
+  </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-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){
+
+      </span><span class="jsdoc-comment">// set the Color to the appropriate shade of grey
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">;
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">;
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">;
+
+    }</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">f  </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.h </span><span class="jsdoc-syntax">/ 60 - </span><span class="jsdoc-var">Math.floor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h </span><span class="jsdoc-syntax">/ 60);
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p  </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">* (1 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100);
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">q  </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">* (1 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100 * </span><span class="jsdoc-var">f</span><span class="jsdoc-syntax">);
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t  </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">* (1 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100 * (1 - </span><span class="jsdoc-var">f</span><span class="jsdoc-syntax">));
+
+      </span><span class="jsdoc-comment">// set the RGB Color components to their temporary values
+      </span><span class="jsdoc-keyword">switch </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Math.floor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h </span><span class="jsdoc-syntax">/ 60)){
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">0: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">1: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">2: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">3: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">4: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-syntax">5: </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">; </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+      }
+
+    }
+
+    </span><span class="jsdoc-comment">// store the RGB components
+    </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-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">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),
+          </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">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">hsl.s</span><span class="jsdoc-syntax">)) </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">= 0;
+
+  }
+
+
+});
+
+
+</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:
+ *
+ * @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-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-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">)),
+        </span><span class="jsdoc-string">'l' </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">l</span><span class="jsdoc-syntax">))
+      };
+
+  </span><span class="jsdoc-comment">// initialise the RGB and HSV components to 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.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-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">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">this.rgb </span><span class="jsdoc-syntax">=
+          {
+            </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">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">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,
+            </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">+ 240) / 60 % 6
+          };
+
+      </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">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">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">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">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">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] *= 2.55;
+
+        }
+
+      }
+
+    }
+
+  },
+
+  </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-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">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">this.hsv </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">: 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">this.hsv.s</span><span class="jsdoc-syntax">)) </span><span class="jsdoc-var">this.hsv.s </span><span class="jsdoc-syntax">= 0;
+
+  }
+
+
+});
+</span></code></body></html>
\ No newline at end of file
diff --git a/docs/src/Roo_lib_Dom.js.html b/docs/src/Roo_lib_Dom.js.html
index 0dc42634eb..eafdb43524 100644
--- a/docs/src/Roo_lib_Dom.js.html
+++ b/docs/src/Roo_lib_Dom.js.html
@@ -25,17 +25,26 @@
     </span><span class="jsdoc-var">getViewHeight </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">full</span><span class="jsdoc-syntax">) {
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">full </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">this.getDocumentHeight</span><span class="jsdoc-syntax">() : </span><span class="jsdoc-var">this.getViewportHeight</span><span class="jsdoc-syntax">();
     },
-
+    </span><span class="jsdoc-comment">/**
+     * Get the Full Document height 
+     * @return {Number} The height
+     */
     </span><span class="jsdoc-var">getDocumentHeight</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">scrollHeight </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">document.compatMode </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">&quot;CSS1Compat&quot;</span><span class="jsdoc-syntax">) ? </span><span class="jsdoc-var">document.body.scrollHeight </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">document.documentElement.scrollHeight</span><span class="jsdoc-syntax">;
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">scrollHeight</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.getViewportHeight</span><span class="jsdoc-syntax">());
     },
-
+    </span><span class="jsdoc-comment">/**
+     * Get the Full Document width
+     * @return {Number} The width
+     */
     </span><span class="jsdoc-var">getDocumentWidth</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">scrollWidth </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">document.compatMode </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-string">&quot;CSS1Compat&quot;</span><span class="jsdoc-syntax">) ? </span><span class="jsdoc-var">document.body.scrollWidth </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">document.documentElement.scrollWidth</span><span class="jsdoc-syntax">;
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">scrollWidth</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.getViewportWidth</span><span class="jsdoc-syntax">());
     },
-
+    </span><span class="jsdoc-comment">/**
+     * Get the Window Viewport height
+     * @return {Number} The height
+     */
     </span><span class="jsdoc-var">getViewportHeight</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">height </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">self.innerHeight</span><span class="jsdoc-syntax">;
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">mode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">document.compatMode</span><span class="jsdoc-syntax">;
@@ -48,7 +57,10 @@
 
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">height</span><span class="jsdoc-syntax">;
     },
-
+    </span><span class="jsdoc-comment">/**
+     * Get the Window Viewport width
+     * @return {Number} The width
+     */
     </span><span class="jsdoc-var">getViewportWidth</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">width </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">self.innerWidth</span><span class="jsdoc-syntax">;
         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">mode </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">document.compatMode</span><span class="jsdoc-syntax">;
diff --git a/docs/src/Roo_menu_MenuMgr.js.html b/docs/src/Roo_menu_MenuMgr.js.html
index a3bc3362da..6c06e2daaf 100644
--- a/docs/src/Roo_menu_MenuMgr.js.html
+++ b/docs/src/Roo_menu_MenuMgr.js.html
@@ -12,7 +12,7 @@
 /**
  * @class Roo.menu.MenuMgr
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.menu.MenuMgr </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">menus</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">active</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">groups </span><span class="jsdoc-syntax">= {}, </span><span class="jsdoc-var">attached </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">lastShow </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Date</span><span class="jsdoc-syntax">();
diff --git a/docs/src/Roo_state_Manager.js.html b/docs/src/Roo_state_Manager.js.html
index 4c2d1a7b67..aa51429793 100644
--- a/docs/src/Roo_state_Manager.js.html
+++ b/docs/src/Roo_state_Manager.js.html
@@ -25,7 +25,7 @@ init : function(){
    var dialog = new Roo.BasicDialog(...);
    dialog.restoreState();
  &lt;/code&gt;&lt;/pre&gt;
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.state.Manager </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">provider </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.state.Provider</span><span class="jsdoc-syntax">();
diff --git a/docs/src/Roo_util_CSS.js.html b/docs/src/Roo_util_CSS.js.html
index e5639a7e2c..05f125d253 100644
--- a/docs/src/Roo_util_CSS.js.html
+++ b/docs/src/Roo_util_CSS.js.html
@@ -13,7 +13,8 @@
 /**
  * @class Roo.util.CSS
  * Utility class for manipulating CSS rules
- * @singleton
+ * @static
+
  */
 </span><span class="jsdoc-var">Roo.util.CSS </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">rules </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
diff --git a/docs/src/Roo_util_Format.js.html b/docs/src/Roo_util_Format.js.html
index d5df702ec1..b702ff16a8 100644
--- a/docs/src/Roo_util_Format.js.html
+++ b/docs/src/Roo_util_Format.js.html
@@ -12,7 +12,7 @@
 /**
  * @class Roo.util.Format
  * Reusable data formatting functions
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.util.Format </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">trimRe </span><span class="jsdoc-syntax">= /^\s+|\s+$/g;
diff --git a/docs/src/Roo_util_JSON.js.html b/docs/src/Roo_util_JSON.js.html
index b4c8a76d2f..c2cae33bcc 100644
--- a/docs/src/Roo_util_JSON.js.html
+++ b/docs/src/Roo_util_JSON.js.html
@@ -13,7 +13,7 @@
  * Modified version of Douglas Crockford&quot;s json.js that doesn&quot;t
  * mess with the Object prototype 
  * http://www.json.org/js.html
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.util.JSON </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </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">useHasOwn </span><span class="jsdoc-syntax">= {}</span><span class="jsdoc-var">.hasOwnProperty </span><span class="jsdoc-syntax">? </span><span class="jsdoc-keyword">true </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
diff --git a/docs/src/Roo_util_TaskRunner.js.html b/docs/src/Roo_util_TaskRunner.js.html
index 2f8751fba9..b0ad6eee55 100644
--- a/docs/src/Roo_util_TaskRunner.js.html
+++ b/docs/src/Roo_util_TaskRunner.js.html
@@ -8,7 +8,12 @@
  * Fork - LGPL
  * &lt;script type=&quot;text/javascript&quot;&gt;
  */
-
+/**
+ * @class Roo.util.TaskRunner
+ * Manage background tasks - not sure why this is better that setInterval?
+ * @static
+ *
+ */
 
 </span><span class="jsdoc-var">Roo.util.TaskRunner </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">interval</span><span class="jsdoc-syntax">){
     </span><span class="jsdoc-var">interval </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">interval </span><span class="jsdoc-syntax">|| 10;
@@ -68,6 +73,12 @@
     </span><span class="jsdoc-comment">/**
      * Queues a new task.
      * @param {Object} task
+     *
+     * Task property : interval = how frequent to run.
+     * Task object should implement
+     * function run()
+     * Task object may implement
+     * function onStop()
      */
     </span><span class="jsdoc-var">this.start </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">){
         </span><span class="jsdoc-var">tasks.push</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">);
@@ -77,12 +88,17 @@
         </span><span class="jsdoc-var">startThread</span><span class="jsdoc-syntax">();
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">;
     };
-
+    </span><span class="jsdoc-comment">/**
+     * Stop  new task.
+     * @param {Object} task
+     */
     </span><span class="jsdoc-var">this.stop </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">){
         </span><span class="jsdoc-var">removeTask</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">);
         </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">task</span><span class="jsdoc-syntax">;
     };
-
+    </span><span class="jsdoc-comment">/**
+     * Stop all Tasks
+     */
     </span><span class="jsdoc-var">this.stopAll </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
         </span><span class="jsdoc-var">stopThread</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">i </span><span class="jsdoc-syntax">= 0, </span><span class="jsdoc-var">len </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">tasks.length</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">i </span><span class="jsdoc-syntax">&lt; </span><span class="jsdoc-var">len</span><span class="jsdoc-syntax">; </span><span class="jsdoc-var">i</span><span class="jsdoc-syntax">++){
diff --git a/docs/src/Roo_util_TextMetrics.js.html b/docs/src/Roo_util_TextMetrics.js.html
index 2120d21e5a..fa4e12f5b5 100644
--- a/docs/src/Roo_util_TextMetrics.js.html
+++ b/docs/src/Roo_util_TextMetrics.js.html
@@ -14,7 +14,7 @@
  * @class Roo.util.TextMetrics
  * Provides precise pixel measurements for blocks of text so that you can determine exactly how high and
  * wide, in pixels, a given block of text will be.
- * @singleton
+ * @static
  */
 </span><span class="jsdoc-var">Roo.util.TextMetrics </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">shared</span><span class="jsdoc-syntax">;
@@ -51,9 +51,17 @@
     };
 }();
 
+</span><span class="jsdoc-comment">/**
+ * @class Roo.util.TextMetrics.Instance
+ * Instance of  TextMetrics Calcuation
+ * @constructor
+ * Create a new TextMetrics Instance
+ * @param {Object} bindto
+ * @param {Boolean} fixedWidth
+ */
 
-
-</span><span class="jsdoc-var">Roo.util.TextMetrics.Instance </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bindTo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">fixedWidth</span><span class="jsdoc-syntax">){
+</span><span class="jsdoc-var">Roo.util.TextMetrics.Instance </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">bindTo</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">fixedWidth</span><span class="jsdoc-syntax">)
+{
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">ml </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.Element</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">document.createElement</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">));
     </span><span class="jsdoc-var">document.body.appendChild</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">ml.dom</span><span class="jsdoc-syntax">);
     </span><span class="jsdoc-var">ml.position</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'absolute'</span><span class="jsdoc-syntax">);
@@ -67,7 +75,6 @@
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">instance </span><span class="jsdoc-syntax">= {
         </span><span class="jsdoc-comment">/**
          * Returns the size of the specified text based on the internal element's style and width properties
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Object} An object containing the text's size {width: (width), height: (height)}
          */
@@ -81,7 +88,6 @@
         </span><span class="jsdoc-comment">/**
          * Binds this TextMetrics instance to an element from which to copy existing CSS styles
          * that can affect the size of the rendered text
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String/HTMLElement} el The element, dom node or id
          */
         </span><span class="jsdoc-var">bind </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">el</span><span class="jsdoc-syntax">){
@@ -93,7 +99,6 @@
         </span><span class="jsdoc-comment">/**
          * Sets a fixed width on the internal measurement element.  If the text will be multiline, you have
          * to set a fixed width in order to accurately measure the text height.
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {Number} width The width to set on the element
          */
         </span><span class="jsdoc-var">setFixedWidth </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">width</span><span class="jsdoc-syntax">){
@@ -102,7 +107,6 @@
 
         </span><span class="jsdoc-comment">/**
          * Returns the measured width of the specified text
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Number} width The width in pixels
          */
@@ -114,7 +118,6 @@
         </span><span class="jsdoc-comment">/**
          * Returns the measured height of the specified text.  For multiline text, be sure to call
          * {@link #setFixedWidth} if necessary.
-         * @memberOf Roo.util.TextMetrics.Instance#
          * @param {String} text The text to measure
          * @return {Number} height The height in pixels
          */
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.ComponentMgr.json b/docs/symbols/Roo.ComponentMgr.json
index 297aef080e..e30384d082 100644
--- a/docs/symbols/Roo.ComponentMgr.json
+++ b/docs/symbols/Roo.ComponentMgr.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides a common registry of all components on a page so that they can be easily accessed by component id (see {@link Roo.getCmp}).",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.DomHelper.json b/docs/symbols/Roo.DomHelper.json
index aa1902bffa..d04e85dff5 100644
--- a/docs/symbols/Roo.DomHelper.json
+++ b/docs/symbols/Roo.DomHelper.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Utility class for working with DOM and/or Templates. It transparently supports using HTML fragments or DOM.\nFor more information see <a href=\"http://web.archive.org/web/20071221063734/http://www.jackslocum.com/blog/2006/10/06/domhelper-create-elements-using-dom-html-fragments-or-templates/\">this blog post with examples</a>.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
diff --git a/docs/symbols/Roo.DomQuery.json b/docs/symbols/Roo.DomQuery.json
index 696348c44e..c2ffb5f6ef 100644
--- a/docs/symbols/Roo.DomQuery.json
+++ b/docs/symbols/Roo.DomQuery.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides high performance selector/xpath processing by compiling queries into reusable functions. New pseudo classes and matchers can be plugged. It works on HTML and XML documents (if a content node is passed in).\n<p>\nDomQuery supports most of the <a href=\"http://www.w3.org/TR/2005/WD-css3-selectors-20051215/\">CSS3 selectors spec</a>, along with some custom selectors and basic XPath.</p>\n\n<p>\nAll selectors, attribute filters and pseudos below can be combined infinitely in any order. For example \"div.foo:nth-child(odd)[@foo=bar].bar:first\" would be a perfectly valid selector. Node filters are processed in the order in which they appear, which allows you to optimize your queries for your document structure.\n</p>\n<h4>Element Selectors:</h4>\n<ul class=\"list\">\n    <li> <b>*</b> any element</li>\n    <li> <b>E</b> an element with the tag E</li>\n    <li> <b>E F</b> All descendent elements of E that have the tag F</li>\n    <li> <b>E > F</b> or <b>E/F</b> all direct children elements of E that have the tag F</li>\n    <li> <b>E + F</b> all elements with the tag F that are immediately preceded by an element with the tag E</li>\n    <li> <b>E ~ F</b> all elements with the tag F that are preceded by a sibling element with the tag E</li>\n</ul>\n<h4>Attribute Selectors:</h4>\n<p>The use of @ and quotes are optional. For example, div[@foo='bar'] is also a valid attribute selector.</p>\n<ul class=\"list\">\n    <li> <b>E[foo]</b> has an attribute \"foo\"</li>\n    <li> <b>E[foo=bar]</b> has an attribute \"foo\" that equals \"bar\"</li>\n    <li> <b>E[foo^=bar]</b> has an attribute \"foo\" that starts with \"bar\"</li>\n    <li> <b>E[foo$=bar]</b> has an attribute \"foo\" that ends with \"bar\"</li>\n    <li> <b>E[foo*=bar]</b> has an attribute \"foo\" that contains the substring \"bar\"</li>\n    <li> <b>E[foo%=2]</b> has an attribute \"foo\" that is evenly divisible by 2</li>\n    <li> <b>E[foo!=bar]</b> has an attribute \"foo\" that does not equal \"bar\"</li>\n</ul>\n<h4>Pseudo Classes:</h4>\n<ul class=\"list\">\n    <li> <b>E:first-child</b> E is the first child of its parent</li>\n    <li> <b>E:last-child</b> E is the last child of its parent</li>\n    <li> <b>E:nth-child(<i>n</i>)</b> E is the <i>n</i>th child of its parent (1 based as per the spec)</li>\n    <li> <b>E:nth-child(odd)</b> E is an odd child of its parent</li>\n    <li> <b>E:nth-child(even)</b> E is an even child of its parent</li>\n    <li> <b>E:only-child</b> E is the only child of its parent</li>\n    <li> <b>E:checked</b> E is an element that is has a checked attribute that is true (e.g. a radio or checkbox) </li>\n    <li> <b>E:first</b> the first E in the resultset</li>\n    <li> <b>E:last</b> the last E in the resultset</li>\n    <li> <b>E:nth(<i>n</i>)</b> the <i>n</i>th E in the resultset (1 based)</li>\n    <li> <b>E:odd</b> shortcut for :nth-child(odd)</li>\n    <li> <b>E:even</b> shortcut for :nth-child(even)</li>\n    <li> <b>E:contains(foo)</b> E's innerHTML contains the substring \"foo\"</li>\n    <li> <b>E:nodeValue(foo)</b> E contains a textNode with a nodeValue that equals \"foo\"</li>\n    <li> <b>E:not(S)</b> an E element that does not match simple selector S</li>\n    <li> <b>E:has(S)</b> an E element that has a descendent that matches simple selector S</li>\n    <li> <b>E:next(S)</b> an E element whose next sibling matches simple selector S</li>\n    <li> <b>E:prev(S)</b> an E element whose previous sibling matches simple selector S</li>\n</ul>\n<h4>CSS Value Selectors:</h4>\n<ul class=\"list\">\n    <li> <b>E{display=none}</b> css value \"display\" that equals \"none\"</li>\n    <li> <b>E{display^=none}</b> css value \"display\" that starts with \"none\"</li>\n    <li> <b>E{display$=none}</b> css value \"display\" that ends with \"none\"</li>\n    <li> <b>E{display*=none}</b> css value \"display\" that contains the substring \"none\"</li>\n    <li> <b>E{display%=2}</b> css value \"display\" that is evenly divisible by 2</li>\n    <li> <b>E{display!=none}</b> css value \"display\" that does not equal \"none\"</li>\n</ul>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.EventManager.json b/docs/symbols/Roo.EventManager.json
index 8c4fa4a3e4..c1910fe396 100644
--- a/docs/symbols/Roo.EventManager.json
+++ b/docs/symbols/Roo.EventManager.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides \nseveral useful events directly.\nSee {@link Roo.EventObject} for more details on normalized event objects.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
diff --git a/docs/symbols/Roo.EventObject.json b/docs/symbols/Roo.EventObject.json
index cf99209ccb..248cc68906 100644
--- a/docs/symbols/Roo.EventObject.json
+++ b/docs/symbols/Roo.EventObject.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "EventObject exposes the Yahoo! UI Event functionality directly on the object\npassed to your event handler. It exists mostly for convenience. It also fixes the annoying null checks automatically to cleanup your code \nExample:\n<pre><code>\n function handleClick(e){ // e is not a standard event object, it is a Roo.EventObject\n    e.preventDefault();\n    var target = e.getTarget();\n    ...\n }\n var myDiv = Roo.get(\"myDiv\");\n myDiv.on(\"click\", handleClick);\n //or\n Roo.EventManager.on(\"myDiv\", 'click', handleClick);\n Roo.EventManager.addListener(\"myDiv\", 'click', handleClick);\n </code></pre>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.QuickTips.json b/docs/symbols/Roo.QuickTips.json
index 3937b380d0..10d038773a 100644
--- a/docs/symbols/Roo.QuickTips.json
+++ b/docs/symbols/Roo.QuickTips.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides attractive and customizable tooltips for any element.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.MessageBox.json b/docs/symbols/Roo.bootstrap.MessageBox.json
index 892013e5d0..46dc79f73d 100644
--- a/docs/symbols/Roo.bootstrap.MessageBox.json
+++ b/docs/symbols/Roo.bootstrap.MessageBox.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Utility class for generating different styles of message boxes.  The alias Roo.Msg can also be used.\nExample usage:\n<pre><code>\n// Basic alert:\nRoo.Msg.alert('Status', 'Changes saved successfully.');\n\n// Prompt for user data:\nRoo.Msg.prompt('Name', 'Please enter your name:', function(btn, text){\n    if (btn == 'ok'){\n        // process text value...\n    }\n});\n\n// Show a dialog using config options:\nRoo.Msg.show({\n   title:'Save Changes?',\n   msg: 'Your are closing a tab that has unsaved changes. Would you like to save your changes?',\n   buttons: Roo.Msg.YESNOCANCEL,\n   fn: processResult,\n   animEl: 'elId'\n});\n</code></pre>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.Manager.json b/docs/symbols/Roo.bootstrap.menu.Manager.json
index deabea78d3..1c0aab4a4a 100644
--- a/docs/symbols/Roo.bootstrap.menu.Manager.json
+++ b/docs/symbols/Roo.bootstrap.menu.Manager.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides a common registry of all menu items on a page so that they can be easily accessed by id.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.SortTypes.json b/docs/symbols/Roo.data.SortTypes.json
index e1315e6ea9..f4f0b7f206 100644
--- a/docs/symbols/Roo.data.SortTypes.json
+++ b/docs/symbols/Roo.data.SortTypes.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Defines the default sorting (casting?) comparison functions used when sorting data.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.DragDropMgr.json b/docs/symbols/Roo.dd.DragDropMgr.json
new file mode 100644
index 0000000000..e129d6f8d8
--- /dev/null
+++ b/docs/symbols/Roo.dd.DragDropMgr.json
@@ -0,0 +1,862 @@
+{
+  "name" : "Roo.dd.DragDropMgr",
+  "augments" : [],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "DragDropMgr is a singleton that tracks the element interaction for\nall DragDrop items in the window.  Generally, you will not call\nthis class directly, but it does have helper methods that could\nbe useful in your DragDrop implementations.",
+  "isSingleton" : false,
+  "isStatic" : true,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "DragDropMgr",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [],
+  "returns" : [],
+  "throws" : "",
+  "requires" : "",
+  "config" : [],
+  "methods" : [
+    {
+      "name" : "isDragDrop",
+      "type" : "function",
+      "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop item.",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the element id to check",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if this element is a DragDrop item,\nfalse otherwise"
+        }
+      ]
+    },
+    {
+      "name" : "getRelated",
+      "type" : "function",
+      "desc" : "Returns the drag and drop instances that are in all groups the\npassed in instance belongs to.",
+      "sig" : "(p_oDD, bTargetsOnly)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "p_oDD",
+          "type" : "DragDrop",
+          "desc" : "the obj to get related data for",
+          "isOptional" : false
+        },
+        {
+          "name" : "bTargetsOnly",
+          "type" : "boolean",
+          "desc" : "if true, only return targetable objs",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "DragDrop[]",
+          "desc" : "the related instances"
+        }
+      ]
+    },
+    {
+      "name" : "getScrollLeft",
+      "type" : "function",
+      "desc" : "Gets the scrollLeft",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "int",
+          "desc" : "the document's scrollTop"
+        }
+      ]
+    },
+    {
+      "name" : "regDragDrop",
+      "type" : "function",
+      "desc" : "Each DragDrop instance must be registered with the DragDropMgr.\nThis is executed in DragDrop.init()",
+      "sig" : "(oDD, sGroup)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "oDD",
+          "type" : "DragDrop",
+          "desc" : "the DragDrop object to register",
+          "isOptional" : false
+        },
+        {
+          "name" : "sGroup",
+          "type" : "String",
+          "desc" : "the name of the group this element belongs to",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "handleWasClicked",
+      "type" : "function",
+      "desc" : "Recursively searches the immediate parent and all child nodes for\nthe handle element in order to determine wheter or not it was\nclicked.",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "",
+          "desc" : "the html element to inspect",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "refreshCache",
+      "type" : "function",
+      "desc" : "Refreshes the cache of the top-left and bottom-right points of the\ndrag and drop objects in the specified group(s).  This is in the\nformat that is stored in the drag and drop instance, so typical\nusage is:\n<code>\nRoo.dd.DragDropMgr.refreshCache(ddinstance.groups);\n</code>\nAlternatively:\n<code>\nRoo.dd.DragDropMgr.refreshCache({group1:true, group2:true});\n</code>",
+      "sig" : "(groups)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "groups",
+          "type" : "Object",
+          "desc" : "an associative array of groups to refresh",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getCss",
+      "type" : "function",
+      "desc" : "Returns the style property for the DOM element (i.e.,\ndocument.getElById(id).style)",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.getDom instead",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the id of the elment to get",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "The style property of the element"
+        }
+      ]
+    },
+    {
+      "name" : "swapNode",
+      "type" : "function",
+      "desc" : "Swap two nodes.  In IE, we use the native method, for others we\nemulate the IE behavior",
+      "sig" : "(n1, n2)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "n1",
+          "type" : "",
+          "desc" : "the first node to swap",
+          "isOptional" : false
+        },
+        {
+          "name" : "n2",
+          "type" : "",
+          "desc" : "the other node to swap",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "stopEvent",
+      "type" : "function",
+      "desc" : "Utility to stop event propagation and event default, if these\nfeatures are turned on.",
+      "sig" : "(e)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "the event as returned by this.getEvent()",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "lock",
+      "type" : "function",
+      "desc" : "Lock all drag and drop functionality",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    },
+    {
+      "name" : "moveToEl",
+      "type" : "function",
+      "desc" : "Sets the x/y position of an element to the location of the\ntarget element.",
+      "sig" : "(moveEl, targetEl)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "moveEl",
+          "type" : "HTMLElement",
+          "desc" : "The element to move",
+          "isOptional" : false
+        },
+        {
+          "name" : "targetEl",
+          "type" : "HTMLElement",
+          "desc" : "The position reference element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "unlock",
+      "type" : "function",
+      "desc" : "Unlock all drag and drop functionality",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    },
+    {
+      "name" : "getDDById",
+      "type" : "function",
+      "desc" : "Returns the DragDrop instance for a given id",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the id of the DragDrop object",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "DragDrop",
+          "desc" : "the drag drop object, null if it is not found"
+        }
+      ]
+    },
+    {
+      "name" : "isLegalTarget",
+      "type" : "function",
+      "desc" : "Returns true if the specified dd target is a legal target for\nthe specifice drag obj",
+      "sig" : "(the, the)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "the",
+          "type" : "DragDrop",
+          "desc" : "drag obj",
+          "isOptional" : false
+        },
+        {
+          "name" : "the",
+          "type" : "DragDrop",
+          "desc" : "target",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if the target is a legal target for the\ndd obj"
+        }
+      ]
+    },
+    {
+      "name" : "isTypeOfDD",
+      "type" : "function",
+      "desc" : "My goal is to be able to transparently determine if an object is\ntypeof DragDrop, and the exact subclass of DragDrop.  typeof\nreturns \"object\", oDD.constructor.toString() always returns\n\"DragDrop\" and not the name of the subclass.  So for now it just\nevaluates a well-known variable in DragDrop.",
+      "sig" : "(the)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "the",
+          "type" : "Object",
+          "desc" : "object to evaluate",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if typeof oDD = DragDrop"
+        }
+      ]
+    },
+    {
+      "name" : "startDrag",
+      "type" : "function",
+      "desc" : "Fired when either the drag pixel threshol or the mousedown hold\ntime threshold has been met.",
+      "sig" : "(x, y)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "x",
+          "type" : "",
+          "desc" : "{int} the X position of the original mousedown",
+          "isOptional" : false
+        },
+        {
+          "name" : "y",
+          "type" : "",
+          "desc" : "{int} the Y position of the original mousedown",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getStyle",
+      "type" : "function",
+      "desc" : "Returns the specified element style property",
+      "sig" : "(el, styleProp)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.lib.Dom.getStyle",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "HTMLElement",
+          "desc" : "the element",
+          "isOptional" : false
+        },
+        {
+          "name" : "styleProp",
+          "type" : "string",
+          "desc" : "the style property",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "string",
+          "desc" : "The value of the style property"
+        }
+      ]
+    },
+    {
+      "name" : "getPosX",
+      "type" : "function",
+      "desc" : "Returns the X position of an html element",
+      "sig" : "(el)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.lib.Dom.getX instead",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "",
+          "desc" : "the element for which to get the position",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "int",
+          "desc" : "the X coordinate"
+        }
+      ]
+    },
+    {
+      "name" : "getPosY",
+      "type" : "function",
+      "desc" : "Returns the Y position of an html element",
+      "sig" : "(el)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.lib.Dom.getY instead",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "",
+          "desc" : "the element for which to get the position",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "int",
+          "desc" : "the Y coordinate"
+        }
+      ]
+    },
+    {
+      "name" : "isLocked",
+      "type" : "function",
+      "desc" : "Is drag and drop locked?",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "True if drag and drop is locked, false otherwise."
+        }
+      ]
+    },
+    {
+      "name" : "getBestMatch",
+      "type" : "function",
+      "desc" : "Helper function for getting the best match from the list of drag\nand drop objects returned by the drag and drop events when we are\nin INTERSECT mode.  It returns either the first object that the\ncursor is over, or the object that has the greatest overlap with\nthe dragged element.",
+      "sig" : "(dds)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "dds",
+          "type" : "DragDrop[]",
+          "desc" : "The array of drag and drop objects\ntargeted",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "DragDrop",
+          "desc" : "The best single match"
+        }
+      ]
+    },
+    {
+      "name" : "getLocation",
+      "type" : "function",
+      "desc" : "Returns a Region object containing the drag and drop element's position\nand size, including the padding configured for it",
+      "sig" : "(oDD)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "oDD",
+          "type" : "DragDrop",
+          "desc" : "the drag and drop object to get the\n                      location for",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Roo.lib.Region",
+          "desc" : "a Region object representing the total area\n                            the element occupies, including any padding\n                            the instance is configured for."
+        }
+      ]
+    },
+    {
+      "name" : "isHandle",
+      "type" : "function",
+      "desc" : "Utility function to determine if a given element has been\nregistered as a drag drop handle for the given Drag Drop object.",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the element id to check",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if this element is a DragDrop handle, false\notherwise"
+        }
+      ]
+    },
+    {
+      "name" : "getScrollTop",
+      "type" : "function",
+      "desc" : "Gets the scrollTop",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "int",
+          "desc" : "the document's scrollTop"
+        }
+      ]
+    },
+    {
+      "name" : "numericSort",
+      "type" : "function",
+      "desc" : "Numeric array sort function",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    },
+    {
+      "name" : "regHandle",
+      "type" : "function",
+      "desc" : "Each DragDrop handle element must be registered.  This is done\nautomatically when executing DragDrop.setHandleElId()",
+      "sig" : "(sDDId, sHandleId)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "sDDId",
+          "type" : "String",
+          "desc" : "the DragDrop id this element is a handle for",
+          "isOptional" : false
+        },
+        {
+          "name" : "sHandleId",
+          "type" : "String",
+          "desc" : "the id of the element that is the drag\nhandle",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getElement",
+      "type" : "function",
+      "desc" : "Returns the actual DOM element",
+      "sig" : "(id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "This has been deprecated: use Roo.getDom instead",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "the id of the elment to get",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "The element"
+        }
+      ]
+    },
+    {
+      "name" : "verifyEl",
+      "type" : "function",
+      "desc" : "This checks to make sure an element exists and is in the DOM.  The\nmain purpose is to handle cases where innerHTML is used to remove\ndrag and drop objects from the DOM.  IE provides an 'unspecified\nerror' when trying to access the offsetParent of such an element",
+      "sig" : "(el)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "HTMLElement",
+          "desc" : "the element to check",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "boolean",
+          "desc" : "true if the element looks usable"
+        }
+      ]
+    }
+  ],
+  "events" : []
+}
\ No newline at end of file
diff --git a/docs/symbols/Roo.dd.DragSource.json b/docs/symbols/Roo.dd.DragSource.json
index df118f6602..9a189be999 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,
@@ -62,6 +62,44 @@
     }
   ],
   "methods" : [
+    {
+      "name" : "afterDragDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragEnter",
       "type" : "function",
@@ -238,6 +276,44 @@
         }
       ]
     },
+    {
+      "name" : "afterDragOut",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragDrop",
       "type" : "function",
@@ -377,6 +453,82 @@
       ],
       "returns" : []
     },
+    {
+      "name" : "afterDragOver",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "afterDragEnter",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragOver",
       "type" : "function",
@@ -421,6 +573,76 @@
         }
       ]
     },
+    {
+      "name" : "afterInvalidDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+      "sig" : "(e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "afterValidDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Object",
+          "desc" : "The target DD",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "initFrame",
       "type" : "function",
diff --git a/docs/symbols/Roo.dd.DragZone.json b/docs/symbols/Roo.dd.DragZone.json
index dbdb474e3d..164bec86a9 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,
@@ -192,6 +192,44 @@
         }
       ]
     },
+    {
+      "name" : "afterDragDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drag drop has occurred by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragEnter",
       "type" : "function",
@@ -343,6 +381,44 @@
         }
       ]
     },
+    {
+      "name" : "afterDragOut",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter the dragged item is dragged out of the target without dropping.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragDrop",
       "type" : "function",
@@ -482,6 +558,82 @@
       ],
       "returns" : []
     },
+    {
+      "name" : "afterDragOver",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhile the dragged item is over the drop target by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "afterDragEnter",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nwhen the dragged item enters the drop target by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Roo.dd.DragDrop",
+          "desc" : "The drop target",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dragged element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "beforeDragOver",
       "type" : "function",
@@ -526,6 +678,76 @@
         }
       ]
     },
+    {
+      "name" : "afterInvalidDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter an invalid drop has occurred by providing an implementation.",
+      "sig" : "(e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "afterValidDrop",
+      "type" : "function",
+      "desc" : "An empty function by default, but provided so that you can perform a custom action\nafter a valid drop has occurred by providing an implementation.",
+      "sig" : "(target, e, id)",
+      "static" : false,
+      "memberOf" : "Roo.dd.DragSource",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "target",
+          "type" : "Object",
+          "desc" : "The target DD",
+          "isOptional" : false
+        },
+        {
+          "name" : "e",
+          "type" : "Event",
+          "desc" : "The event object",
+          "isOptional" : false
+        },
+        {
+          "name" : "id",
+          "type" : "String",
+          "desc" : "The id of the dropped element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
     {
       "name" : "initFrame",
       "type" : "function",
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.Registry.json b/docs/symbols/Roo.dd.Registry.json
index 13c89a624d..fece0f28f3 100644
--- a/docs/symbols/Roo.dd.Registry.json
+++ b/docs/symbols/Roo.dd.Registry.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides easy access to all drag drop components that are registered on a page.  Items can be retrieved either\ndirectly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
diff --git a/docs/symbols/Roo.dd.ScrollManager.json b/docs/symbols/Roo.dd.ScrollManager.json
index d80ac90466..9db8537ef4 100644
--- a/docs/symbols/Roo.dd.ScrollManager.json
+++ b/docs/symbols/Roo.dd.ScrollManager.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides automatic scrolling of overflow regions in the page during drag operations.<br><br>\n<b>Note: This class uses \"Point Mode\" and is untested in \"Intersect Mode\".</b>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.form.VTypes.json b/docs/symbols/Roo.form.VTypes.json
index 2433e15b58..df5de57f47 100644
--- a/docs/symbols/Roo.form.VTypes.json
+++ b/docs/symbols/Roo.form.VTypes.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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
new file mode 100644
index 0000000000..fc7fbc625e
--- /dev/null
+++ b/docs/symbols/Roo.lib.Color.json
@@ -0,0 +1,384 @@
+{
+  "name" : "Roo.lib.Color",
+  "augments" : [],
+  "childClasses" : {
+    "Roo.lib.Color" : [
+      "Roo.lib.HSLColor",
+      "Roo.lib.HSVColor",
+      "Roo.lib.RGBColor"
+    ]
+  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "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" : "Color",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [],
+  "returns" : [],
+  "throws" : "",
+  "requires" : "",
+  "config" : [],
+  "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.Dom.json b/docs/symbols/Roo.lib.Dom.json
index c5cb943e28..47ffcdef01 100644
--- a/docs/symbols/Roo.lib.Dom.json
+++ b/docs/symbols/Roo.lib.Dom.json
@@ -21,6 +21,56 @@
   "requires" : "",
   "config" : [],
   "methods" : [
+    {
+      "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" : "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"
+        }
+      ]
+    },
     {
       "name" : "getViewWidth",
       "type" : "function",
@@ -53,6 +103,31 @@
         }
       ]
     },
+    {
+      "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" : "getViewHeight",
       "type" : "function",
@@ -84,6 +159,31 @@
           "desc" : "The height"
         }
       ]
+    },
+    {
+      "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"
+        }
+      ]
     }
   ],
   "events" : []
diff --git a/docs/symbols/Roo.lib.HSLColor.json b/docs/symbols/Roo.lib.HSLColor.json
new file mode 100644
index 0000000000..b61d0ade10
--- /dev/null
+++ b/docs/symbols/Roo.lib.HSLColor.json
@@ -0,0 +1,405 @@
+{
+  "name" : "Roo.lib.HSLColor",
+  "augments" : [
+    "Roo.lib.Color"
+  ],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "",
+  "isSingleton" : false,
+  "isStatic" : false,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "HSLColor",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "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" : [
+    {
+      "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.lib.HSVColor.json b/docs/symbols/Roo.lib.HSVColor.json
new file mode 100644
index 0000000000..20e24b1129
--- /dev/null
+++ b/docs/symbols/Roo.lib.HSVColor.json
@@ -0,0 +1,405 @@
+{
+  "name" : "Roo.lib.HSVColor",
+  "augments" : [
+    "Roo.lib.Color"
+  ],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "Creates a Color specified in the HSV Color space, with an optional alpha\ncomponent. The parameters are:",
+  "isSingleton" : false,
+  "isStatic" : false,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "HSVColor",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "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" : "v",
+      "type" : "Number",
+      "desc" : "- the value 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" : [
+    {
+      "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.lib.RGBColor.json b/docs/symbols/Roo.lib.RGBColor.json
new file mode 100644
index 0000000000..38c4b92bac
--- /dev/null
+++ b/docs/symbols/Roo.lib.RGBColor.json
@@ -0,0 +1,405 @@
+{
+  "name" : "Roo.lib.RGBColor",
+  "augments" : [
+    "Roo.lib.Color"
+  ],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "Creates a Color specified in the RGB Color space, with an optional alpha\ncomponent. The parameters are:",
+  "isSingleton" : false,
+  "isStatic" : false,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "RGBColor",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [
+    {
+      "name" : "r",
+      "type" : "Number",
+      "desc" : "- the red component, clipped to the range [0,255]",
+      "isOptional" : false
+    },
+    {
+      "name" : "g",
+      "type" : "Number",
+      "desc" : "- the green component, clipped to the range [0,255]",
+      "isOptional" : false
+    },
+    {
+      "name" : "b",
+      "type" : "Number",
+      "desc" : "- the blue component, clipped to the range [0,255]",
+      "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" : [
+    {
+      "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.MenuMgr.json b/docs/symbols/Roo.menu.MenuMgr.json
index 0e91e222ad..518244a072 100644
--- a/docs/symbols/Roo.menu.MenuMgr.json
+++ b/docs/symbols/Roo.menu.MenuMgr.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides a common registry of all menu items on a page so that they can be easily accessed by id.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.Manager.json b/docs/symbols/Roo.state.Manager.json
index f07deaff5f..4d7258f191 100644
--- a/docs/symbols/Roo.state.Manager.json
+++ b/docs/symbols/Roo.state.Manager.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "This is the global state manager. By default all components that are \"state aware\" check this class\nfor state information if you don't pass them a custom state provider. In order for this class\nto be useful, it must be initialized with a provider when your application initializes.\n <pre><code>\n// in your initialization function\ninit : function(){\n   Roo.state.Manager.setProvider(new Roo.state.CookieProvider());\n   ...\n   // supposed you have a {@link Roo.BorderLayout}\n   var layout = new Roo.BorderLayout(...);\n   layout.restoreState();\n   // or a {Roo.BasicDialog}\n   var dialog = new Roo.BasicDialog(...);\n   dialog.restoreState();\n </code></pre>",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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.CSS.json b/docs/symbols/Roo.util.CSS.json
index 604bc117ff..7d12370761 100644
--- a/docs/symbols/Roo.util.CSS.json
+++ b/docs/symbols/Roo.util.CSS.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Utility class for manipulating CSS rules",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : 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..5f9d2df262 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,
@@ -39,6 +39,70 @@
   "throws" : "",
   "requires" : "",
   "config" : [],
-  "methods" : [],
+  "methods" : [
+    {
+      "name" : "delay",
+      "type" : "function",
+      "desc" : "Cancels any pending timeout and queues a new one",
+      "sig" : "(delay, newFn, newScope, newArgs)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "delay",
+          "type" : "Number",
+          "desc" : "The milliseconds to delay",
+          "isOptional" : false
+        },
+        {
+          "name" : "newFn",
+          "type" : "Function",
+          "desc" : "(optional) Overrides function passed to constructor",
+          "isOptional" : false
+        },
+        {
+          "name" : "newScope",
+          "type" : "Object",
+          "desc" : "(optional) Overrides scope passed to constructor",
+          "isOptional" : false
+        },
+        {
+          "name" : "newArgs",
+          "type" : "Array",
+          "desc" : "(optional) Overrides args passed to constructor",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "cancel",
+      "type" : "function",
+      "desc" : "Cancel the last queued timeout",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    }
+  ],
   "events" : []
 }
\ No newline at end of file
diff --git a/docs/symbols/Roo.util.Format.json b/docs/symbols/Roo.util.Format.json
index 6f5812bc22..c5ec02b89d 100644
--- a/docs/symbols/Roo.util.Format.json
+++ b/docs/symbols/Roo.util.Format.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Reusable data formatting functions",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
diff --git a/docs/symbols/Roo.util.JSON.json b/docs/symbols/Roo.util.JSON.json
index 166fe00555..5a50038db3 100644
--- a/docs/symbols/Roo.util.JSON.json
+++ b/docs/symbols/Roo.util.JSON.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Modified version of Douglas Crockford\"s json.js that doesn\"t\nmess with the Object prototype \nhttp://www.json.org/js.html",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
@@ -20,6 +20,71 @@
   "throws" : "",
   "requires" : "",
   "config" : [],
-  "methods" : [],
+  "methods" : [
+    {
+      "name" : "encode",
+      "type" : "function",
+      "desc" : "Encodes an Object, Array or other value",
+      "sig" : "(o)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "o",
+          "type" : "Mixed",
+          "desc" : "The variable to encode",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "The JSON string"
+        }
+      ]
+    },
+    {
+      "name" : "decode",
+      "type" : "function",
+      "desc" : "Decodes (parses) a JSON string to an object. If the JSON is invalid, this function throws a SyntaxError.",
+      "sig" : "(json)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "json",
+          "type" : "String",
+          "desc" : "The JSON string",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "The resulting object"
+        }
+      ]
+    }
+  ],
   "events" : []
 }
\ No newline at end of file
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/symbols/Roo.util.TaskRunner.json b/docs/symbols/Roo.util.TaskRunner.json
new file mode 100644
index 0000000000..345b5a9a8d
--- /dev/null
+++ b/docs/symbols/Roo.util.TaskRunner.json
@@ -0,0 +1,97 @@
+{
+  "name" : "Roo.util.TaskRunner",
+  "augments" : [],
+  "childClasses" : {  },
+  "tree_children" : [],
+  "tree_parent" : [],
+  "desc" : "Manage background tasks - not sure why this is better that setInterval?",
+  "isSingleton" : false,
+  "isStatic" : true,
+  "isBuiltin" : false,
+  "isAbstract" : false,
+  "isBuilderTop" : false,
+  "memberOf" : "TaskRunner",
+  "example" : "",
+  "deprecated" : "",
+  "since" : "",
+  "see" : "",
+  "params" : [],
+  "returns" : [],
+  "throws" : "",
+  "requires" : "",
+  "config" : [],
+  "methods" : [
+    {
+      "name" : "stop",
+      "type" : "function",
+      "desc" : "Stop  new task.",
+      "sig" : "(task)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "task",
+          "type" : "Object",
+          "desc" : "",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "stopAll",
+      "type" : "function",
+      "desc" : "Stop all Tasks",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : []
+    },
+    {
+      "name" : "start",
+      "type" : "function",
+      "desc" : "Queues a new task.",
+      "sig" : "(task)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "task",
+          "type" : "Object",
+          "desc" : "Task property : interval = how frequent to run.\nTask object should implement\nfunction run()\nTask object may implement\nfunction onStop()",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    }
+  ],
+  "events" : []
+}
\ No newline at end of file
diff --git a/docs/symbols/Roo.util.TextMetrics.Instance.json b/docs/symbols/Roo.util.TextMetrics.Instance.json
index a96c35bde0..3f5fa32df6 100644
--- a/docs/symbols/Roo.util.TextMetrics.Instance.json
+++ b/docs/symbols/Roo.util.TextMetrics.Instance.json
@@ -4,22 +4,184 @@
   "childClasses" : {  },
   "tree_children" : [],
   "tree_parent" : [],
-  "desc" : "",
+  "desc" : "Instance of  TextMetrics Calcuation",
   "isSingleton" : false,
   "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
-  "memberOf" : "Roo.util.TextMetrics.Instance",
+  "memberOf" : "Instance",
   "example" : "",
   "deprecated" : "",
   "since" : "",
   "see" : "",
-  "params" : [],
+  "params" : [
+    {
+      "name" : "bindto",
+      "type" : "Object",
+      "desc" : "",
+      "isOptional" : false
+    },
+    {
+      "name" : "fixedWidth",
+      "type" : "Boolean",
+      "desc" : "",
+      "isOptional" : false
+    }
+  ],
   "returns" : [],
   "throws" : "",
   "requires" : "",
   "config" : [],
-  "methods" : [],
+  "methods" : [
+    {
+      "name" : "getHeight",
+      "type" : "function",
+      "desc" : "Returns the measured height of the specified text.  For multiline text, be sure to call\n{@link #setFixedWidth} if necessary.",
+      "sig" : "(text)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "text",
+          "type" : "String",
+          "desc" : "The text to measure",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Number",
+          "desc" : "height The height in pixels"
+        }
+      ]
+    },
+    {
+      "name" : "bind",
+      "type" : "function",
+      "desc" : "Binds this TextMetrics instance to an element from which to copy existing CSS styles\nthat can affect the size of the rendered text",
+      "sig" : "(el)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "el",
+          "type" : "String/HTMLElement",
+          "desc" : "The element, dom node or id",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getWidth",
+      "type" : "function",
+      "desc" : "Returns the measured width of the specified text",
+      "sig" : "(text)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "text",
+          "type" : "String",
+          "desc" : "The text to measure",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Number",
+          "desc" : "width The width in pixels"
+        }
+      ]
+    },
+    {
+      "name" : "setFixedWidth",
+      "type" : "function",
+      "desc" : "Sets a fixed width on the internal measurement element.  If the text will be multiline, you have\nto set a fixed width in order to accurately measure the text height.",
+      "sig" : "(width)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "width",
+          "type" : "Number",
+          "desc" : "The width to set on the element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getSize",
+      "type" : "function",
+      "desc" : "Returns the size of the specified text based on the internal element's style and width properties",
+      "sig" : "(text)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "text",
+          "type" : "String",
+          "desc" : "The text to measure",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "An object containing the text's size {width: (width), height: (height)}"
+        }
+      ]
+    }
+  ],
   "events" : []
 }
\ No newline at end of file
diff --git a/docs/symbols/Roo.util.TextMetrics.json b/docs/symbols/Roo.util.TextMetrics.json
index dac082251a..eda03bc94c 100644
--- a/docs/symbols/Roo.util.TextMetrics.json
+++ b/docs/symbols/Roo.util.TextMetrics.json
@@ -5,7 +5,7 @@
   "tree_children" : [],
   "tree_parent" : [],
   "desc" : "Provides precise pixel measurements for blocks of text so that you can determine exactly how high and\nwide, in pixels, a given block of text will be.",
-  "isSingleton" : true,
+  "isSingleton" : false,
   "isStatic" : true,
   "isBuiltin" : false,
   "isAbstract" : false,
diff --git a/docs/tree.json b/docs/tree.json
index 7966309c08..3de97742f7 100644
--- a/docs/tree.json
+++ b/docs/tree.json
@@ -1020,6 +1020,11 @@
             "cn" : [],
             "is_class" : true
           },
+          {
+            "name" : "Roo.dd.DragDropMgr",
+            "cn" : [],
+            "is_class" : true
+          },
           {
             "name" : "Roo.dd.DragSource",
             "cn" : [],
@@ -1305,10 +1310,30 @@
             "cn" : [],
             "is_class" : true
           },
+          {
+            "name" : "Roo.lib.Color",
+            "cn" : [],
+            "is_class" : true
+          },
           {
             "name" : "Roo.lib.Dom",
             "cn" : [],
             "is_class" : true
+          },
+          {
+            "name" : "Roo.lib.HSLColor",
+            "cn" : [],
+            "is_class" : true
+          },
+          {
+            "name" : "Roo.lib.HSVColor",
+            "cn" : [],
+            "is_class" : true
+          },
+          {
+            "name" : "Roo.lib.RGBColor",
+            "cn" : [],
+            "is_class" : true
           }
         ],
         "is_class" : false
@@ -1482,7 +1507,7 @@
           {
             "name" : "Roo.util.DelayedTask",
             "cn" : [],
-            "is_class" : false
+            "is_class" : true
           },
           {
             "name" : "Roo.util.Format",
@@ -1492,7 +1517,7 @@
           {
             "name" : "Roo.util.JSON",
             "cn" : [],
-            "is_class" : false
+            "is_class" : true
           },
           {
             "name" : "Roo.util.MixedCollection",
@@ -1504,13 +1529,18 @@
             "cn" : [],
             "is_class" : true
           },
+          {
+            "name" : "Roo.util.TaskRunner",
+            "cn" : [],
+            "is_class" : true
+          },
           {
             "name" : "Roo.util.TextMetrics",
             "cn" : [
               {
                 "name" : "Roo.util.TextMetrics.Instance",
                 "cn" : [],
-                "is_class" : false
+                "is_class" : true
               }
             ],
             "is_class" : true
diff --git a/roojs-bootstrap-debug.js b/roojs-bootstrap-debug.js
index c45b4ca1ba..78b217e0fb 100644
--- a/roojs-bootstrap-debug.js
+++ b/roojs-bootstrap-debug.js
@@ -3428,7 +3428,7 @@ Roo.extend(Roo.bootstrap.Header, Roo.bootstrap.Component,  {
  * @class Roo.bootstrap.MenuMgr
  * @licence LGPL
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.bootstrap.menu.Manager = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
@@ -4980,7 +4980,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.bootstrap.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
@@ -12129,7 +12129,7 @@ Roo.apply(Roo.bootstrap.form.Form, {
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 Roo.form.VTypes = function(){
     // closure these in so they are only created once.
@@ -14687,7 +14687,7 @@ Roo.bootstrap.form.CardUploader.ID = -1;/*
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 Roo.data.SortTypes = {
diff --git a/roojs-core-debug.js b/roojs-core-debug.js
index 08a58be6be..49a482707c 100644
--- a/roojs-core-debug.js
+++ b/roojs-core-debug.js
@@ -1905,17 +1905,26 @@ Roo.lib.Dom = {
     getViewHeight : function(full) {
         return full ? this.getDocumentHeight() : this.getViewportHeight();
     },
-
+    /**
+     * Get the Full Document height 
+     * @return {Number} The height
+     */
     getDocumentHeight: function() {
         var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
         return Math.max(scrollHeight, this.getViewportHeight());
     },
-
+    /**
+     * Get the Full Document width
+     * @return {Number} The width
+     */
     getDocumentWidth: function() {
         var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
         return Math.max(scrollWidth, this.getViewportWidth());
     },
-
+    /**
+     * Get the Window Viewport height
+     * @return {Number} The height
+     */
     getViewportHeight: function() {
         var height = self.innerHeight;
         var mode = document.compatMode;
@@ -1928,7 +1937,10 @@ Roo.lib.Dom = {
 
         return height;
     },
-
+    /**
+     * Get the Window Viewport width
+     * @return {Number} The width
+     */
     getViewportWidth: function() {
         var width = self.innerWidth;
         var mode = document.compatMode;
diff --git a/roojs-debug.js b/roojs-debug.js
index cc9bb6549d..2708aac267 100644
--- a/roojs-debug.js
+++ b/roojs-debug.js
@@ -1905,17 +1905,26 @@ Roo.lib.Dom = {
     getViewHeight : function(full) {
         return full ? this.getDocumentHeight() : this.getViewportHeight();
     },
-
+    /**
+     * Get the Full Document height 
+     * @return {Number} The height
+     */
     getDocumentHeight: function() {
         var scrollHeight = (document.compatMode != "CSS1Compat") ? document.body.scrollHeight : document.documentElement.scrollHeight;
         return Math.max(scrollHeight, this.getViewportHeight());
     },
-
+    /**
+     * Get the Full Document width
+     * @return {Number} The width
+     */
     getDocumentWidth: function() {
         var scrollWidth = (document.compatMode != "CSS1Compat") ? document.body.scrollWidth : document.documentElement.scrollWidth;
         return Math.max(scrollWidth, this.getViewportWidth());
     },
-
+    /**
+     * Get the Window Viewport height
+     * @return {Number} The height
+     */
     getViewportHeight: function() {
         var height = self.innerHeight;
         var mode = document.compatMode;
@@ -1928,7 +1937,10 @@ Roo.lib.Dom = {
 
         return height;
     },
-
+    /**
+     * Get the Window Viewport width
+     * @return {Number} The width
+     */
     getViewportWidth: function() {
         var width = self.innerWidth;
         var mode = document.compatMode;
@@ -23165,7 +23177,7 @@ Roo.extend(Roo.dd.DropZone, Roo.dd.DropTarget, {
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 Roo.data.SortTypes = {
@@ -33439,7 +33451,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
@@ -33968,7 +33980,7 @@ Roo.Msg = Roo.MessageBox;/*
 /**
  * @class Roo.QuickTips
  * Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
  */
 Roo.QuickTips = function(){
     var el, tipBody, tipBodyText, tipTitle, tm, cfg, close, tagEls = {}, esc, removeCls = null, bdLeft, bdRight;
@@ -38120,7 +38132,7 @@ Roo.extend(Roo.menu.MenuNav, Roo.KeyNav, {
 /**
  * @class Roo.menu.MenuMgr
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.menu.MenuMgr = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
@@ -49624,7 +49636,7 @@ Roo.extend(Roo.form.FieldSet, Roo.form.Layout, {
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 Roo.form.VTypes = function(){
     // closure these in so they are only created once.
diff --git a/roojs-ui-debug.js b/roojs-ui-debug.js
index 69104bd152..3abb82929c 100644
--- a/roojs-ui-debug.js
+++ b/roojs-ui-debug.js
@@ -12,7 +12,7 @@
 
 /**
  * @class Roo.data.SortTypes
- * @singleton
+ * @static
  * Defines the default sorting (casting?) comparison functions used when sorting data.
  */
 Roo.data.SortTypes = {
@@ -10286,7 +10286,7 @@ Roo.Msg.show({
    animEl: 'elId'
 });
 </code></pre>
- * @singleton
+ * @static
  */
 Roo.MessageBox = function(){
     var dlg, opt, mask, waitTimer;
@@ -10815,7 +10815,7 @@ Roo.Msg = Roo.MessageBox;/*
 /**
  * @class Roo.QuickTips
  * Provides attractive and customizable tooltips for any element.
- * @singleton
+ * @static
  */
 Roo.QuickTips = function(){
     var el, tipBody, tipBodyText, tipTitle, tm, cfg, close, tagEls = {}, esc, removeCls = null, bdLeft, bdRight;
@@ -14967,7 +14967,7 @@ Roo.extend(Roo.menu.MenuNav, Roo.KeyNav, {
 /**
  * @class Roo.menu.MenuMgr
  * Provides a common registry of all menu items on a page so that they can be easily accessed by id.
- * @singleton
+ * @static
  */
 Roo.menu.MenuMgr = function(){
    var menus, active, groups = {}, attached = false, lastShow = new Date();
@@ -26471,7 +26471,7 @@ Roo.extend(Roo.form.FieldSet, Roo.form.Layout, {
 /**
  * @class Roo.form.VTypes
  * Overridable validation definitions. The validations provided are basic and intended to be easily customizable and extended.
- * @singleton
+ * @static
  */
 Roo.form.VTypes = function(){
     // closure these in so they are only created once.